Chambray Color

#A7C7E7

Shades

Darker variations of each color in your palette

Base Color

#A7C7E7
#A7C7E7
#869FB9
#64778B
#43505C
#21282E
#000000

Shades

Tints

Lighter variations of each color in your palette

Base Color

#A7C7E7
#A7C7E7
#B9D2EC
#CADDF1
#DCE9F5
#EDF4FA
#FFFFFF

Tints

Base Color

Click any value to copy

FormatValueImage
HEX#A7C7E7Chambray Color
RGB167, 199, 231
HSL210, 57%, 78%
CMYK28%, 14%, 0%, 9%
OKLCHoklch(0.817 0.057 249)

Color Harmonies

Explore harmonious color combinations based on color theory

Base Color

#A7C7E7
#A7E7E7
#A7C7E7
#A7A7E7

Analogous

#A7C7E7
#E7C7A7

Complementary

#A7C7E7
#E7A7C7
#C7E7A7

Triadic

#A7C7E7
#E7A7A7
#E7E7A7

Split Complementary

#A7C7E7
#E7A7E7
#E7C7A7
#A7E7A7

Tetradic

#163350
#26598C
#377FC8
#73A6D9
#AFCCE9

Monochromatic

Hues

Different hues with the same saturation and lightness

Base Color

#A7C7E7
#E7A7A7
#E7E7A7
#A7E7A7
#A7E7E7
#A7A7E7
#E7A7E7

Hues

Tones

Tones created by adding gray to each color

Base Color

#A7C7E7
#A7C7E7
#9FB9D2
#97ABBE
#909CA9
#888E95
#808080

Tones

Color Temperatures

Warm and cool variations of your colors

Base Color

#A7C7E7
#B4C2DD
#C1BCD2
#CFB7C8

Warmer

#9FC2EB
#98BCEE
#90B7F2

Cooler

Contrast

Test color contrast against white and black backgrounds

Color #1

#A7C7E7

On White Background

Sample Text
Contrast Ratio:1.75:1
WCAG Level:Fail
FAIL

On Black Background

Sample Text
Contrast Ratio:11.97:1
WCAG Level:AAA
PASS

WCAG Guidelines:

  • AAA: Contrast ratio ≥ 7:1 (highest level)
  • AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
  • AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)