Named color · #CEE2E2
Lens Flare Blue
Lens Flare Blue is #CEE2E2: rgb(206 226 226), hsl(180 26% 85%), oklch(0.898 0.021 196.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Lens Flare Blue color name →
#CEE2E2
oklch(0.898 0.021 196.8)
Color conversions
- HEX
- #cee2e2
- RGB
- rgb(206 226 226)
- HSL
- hsl(180 26% 85%)
- HWB
- hwb(180 81% 11%)
- OKLCH
- oklch(0.898 0.021 196.8)
- OKLab
- oklab(0.898 -0.02 -0.006)
- CIE Lab
- lab(88.38 -6.88 -2.39)
- LCH
- lch(88.38 7.29 199.2)
- CMYK
- cmyk(9% 0% 0% 11%)
Tints · Shades · Tones
Tints
- D3E5E5
- D8E8E8
- DDEBEB
- E2EEEE
- E6F0F0
- EBF3F3
- F0F6F6
- F5F9F9
- FAFCFC
Shades
- B3C4C4
- 98A8A8
- 7F8C8C
- 667171
- 4E5757
- 383E3E
- 232727
- 0F1212
- 020303
Tones
- C6D8D8
- BECECE
- B6C4C4
- AEBABA
- A6B0B0
- 9FA6A6
- 979C9C
- 8F9393
- 888989
Color harmonies
Complementary +180°
- CEE2E2
Lens Flare Blue
- EBD8D8
≈ Light Youth
Analogous -30° +30°
- CEE2E2
Lens Flare Blue
- D1E2DA
≈ Delicate Snow Goose
- CFE1E8
≈ Goddess
Triadic +120° +240°
- CEE2E2
Lens Flare Blue
- E3D9E7
≈ Awakened
- E6DCCE
≈ Divine White
Split-complementary +150° +210°
- CEE2E2
Lens Flare Blue
- E9D8E0
≈ Unfading Dusk
- EAD9D2
≈ Bee’s Knees
Tetradic +90° +180° +270°
- CEE2E2
Lens Flare Blue
- DCDCEB
≈ The White Death
- EBD8D8
≈ Light Youth
- DFDFCF
≈ Corinthian Column
Contrast & accessibility
Ag
FailOn white
WCAG 1.34:1 · APCA Lc 17
Ag
AAAOn black
WCAG 15.60:1 · APCA Lc 87
Best text color: #000000
WCAG 15.60:1 (AAA) · APCA Lc 87
Contrast pairs
Code snippets
CSS
:root {
--lens-flare-blue: #cee2e2;
--lens-flare-blue-rgb: 206 226 226;
--lens-flare-blue-oklch: oklch(0.898 0.021 196.8);
}
.element {
color: var(--lens-flare-blue);
background-color: hsl(180 26% 85%);
border-color: oklch(0.898 0.021 196.8);
}Tailwind CSS v4
@theme {
--color-lens-flare-blue: #cee2e2;
--color-lens-flare-blue-50: #eff7f7;
--color-lens-flare-blue-100: #e0eaea;
--color-lens-flare-blue-200: #cad7d7;
--color-lens-flare-blue-300: #acbbbb;
--color-lens-flare-blue-400: #91a3a3;
--color-lens-flare-blue-500: #768b8b;
--color-lens-flare-blue-600: #647575;
--color-lens-flare-blue-700: #505e5e;
--color-lens-flare-blue-800: #3a4545;
--color-lens-flare-blue-900: #28302f;
--color-lens-flare-blue-950: #161c1c;
}SCSS
$lens-flare-blue: #cee2e2;
$lens-flare-blue-rgb: 206, 226, 226;
$lens-flare-blue-light: mix(#fff, $lens-flare-blue, 20%);
$lens-flare-blue-dark: mix(#000, $lens-flare-blue, 20%);
.element {
color: $lens-flare-blue;
box-shadow: 0 0 0 2px rgba($lens-flare-blue, 0.35);
}