Colors by HUE

bg-primary-3

RGB (0, 0, 0)
HTML #000000

bg-secondary-1

RGB (53, 58, 61)
HTML #353A3D

bg-secondary-2

RGB (102, 111, 116)
HTML #666F74

bg-auxiliary-10

RGB (152, 152, 152)
HTML #989898

bg-auxiliary-11

RGB (175, 175, 175)
HTML #afafaf

bg-auxiliary-3

RGB (214, 219, 222)
HTML #D6DBDE

bg-primary-2

RGB (240, 241, 241)
HTML #F0F1F1

bg-auxiliary-12

RGB (247, 246, 245)
HTML #f7f6f5

bg-auxiliary-1

RGB (12, 34, 85)
HTML #0c2255

bg-primary-1

RGB (29, 58, 131)
HTML #1D3A83

bg-auxiliary-4

RGB (0, 93, 170)
HTML #005DAA

bg-auxiliary-7

RGB (79, 140, 209)
HTML #4F8CD1
CSE, HUB

bg-auxiliary-20

RGB (0, 171, 229)
HTML #00abe5

bg-auxiliary-19

RGB (0, 174, 255)
HTML #00aeff

bg-auxiliary-8

RGB (98, 202, 227)
HTML #62CAE3

bg-auxiliary-9

RGB (138, 193, 217)
HTML #8AC1D9

bg-auxiliary-15

RGB (172, 31, 45)
HTML #AC1F20

bg-auxiliary-6

RGB (175, 131, 45)
HTML #AF1F2D
Citizenship Now

bg-auxiliary-14

RGB (208, 10, 10)
HTML #D00A0A

bg-secondary-4

RGB (238, 34, 39)
HTML #E80B0B
Study Abroad

bg-auxiliary-17

RGB (255, 0, 138)
HTML #ff008a

bg-primary-4

RGB (234, 136, 7)
HTML #FE8807

bg-secondary-3

RGB (213, 159, 15)
HTML #D59F0F

bg-auxiliary-2

RGB (173, 182, 5)
HTML #ADB605
Study Abroad

bg-auxiliary-16

RGB (127, 194, 65)
HTML #7FC241

bg-auxiliary-18

RGB (16, 208, 174)
HTML #10D0AE

bg-auxiliary-5

RGB (74, 153, 150)
HTML #4A9996
Citizenship Now

List by CSS Name Numeric Order

Primary Colors

Secondary Colors

Auxiliary Colors

Color Accessibility Resources

Color Safe

Empowering designers with beautiful and accessible color palettes based on WCAG Guidelines of text and background contrast ratios.

http://colorsafe.co/

 

Contrast Ratio

http://leaverou.github.io/contrast-ratio/

 

Text on background image a11y check
This is a guide to foreground colour accessibility on a background image. It is intended as guide for designers and developers to test if their design solution is accessible. Change the text size, colour and position. It will check the dimensions of the textarea against the background image.

http://www.brandwood.com/a11y/