#C3D4EF

Color Details

HEX
#C3D4EF
RGB
rgb(195, 212, 239)
HSL
hsl(217, 58%, 85%)
CMYK
cmyk(18%, 11%, 0%, 6%)
Best text on this color #000000 (CR 13.98:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c3d4ef
Contrast 13.98:1 AAA
White on #c3d4ef
Contrast 1.50:1 Fail
#c3d4ef on Black
Contrast 13.98:1 AAA
#c3d4ef on White
Contrast 1.50:1 Fail

Tints & Shades

#cfddf2
#dbe5f5
#e7eef9
#9caabf
#757f8f
#4e5560

Complement & Analogous

#efdec3
#c8c3ef
#c3eaef

Triadic

#efc3d4
#d4efc3

Monochrome

#4e5560 #757f8f #c3d4ef #dbe5f5 #e7eef9 #f3f6fc

Analogous

#c3eaef #d5f0f4 #c3d4ef #d3cff2 #c8c3ef #a09cbf

Complementary Mix

#757f8f #c3d4ef #dbe5f5 #efdec3 #f5ead8 #9b907f

Nearby Colors

#c3d4ee
#c3d4f0
#c3d4df
#c3d4ff

Embed #C3D4EF swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #C3D4EF

#C3D4EF converts to RGB(195, 212, 239) and HSL(217, 58%, 85%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#C3D4EF FAQs

What is the RGB value of #C3D4EF?
RGB: 195, 212, 239. Copy as CSS: rgb(195, 212, 239)
Is #C3D4EF a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C3D4EF?
Complement: #efdec3.
Does #C3D4EF have good contrast on white or black?
On white: 1.50:1 (Fails AA). On black: 13.98:1 (AAA (normal text)).