Nearest named color · #E3F6FB
#E3F6FB
Nearest named color: Diamond White
#E3F6FB (rgb(227 246 251), hsl(192 75% 94%), oklch(0.961 0.021 215.3)) is closest to the named color Diamond White. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E3F6FB
oklch(0.961 0.021 215.3)
Color conversions
- HEX
- #e3f6fb
- RGB
- rgb(227 246 251)
- HSL
- hsl(192 75% 94%)
- HWB
- hwb(192 89% 2%)
- OKLCH
- oklch(0.961 0.021 215.3)
- OKLab
- oklab(0.961 -0.017 -0.012)
- CIE Lab
- lab(95.58 -5.74 -4.66)
- LCH
- lch(95.58 7.39 219.1)
- CMYK
- cmyk(10% 2% 0% 2%)
Tints · Shades · Tones
Tints
- E6F7FB
- E9F8FC
- EBF9FC
- EEFAFD
- F1FBFD
- F4FBFD
- F7FCFE
- F9FDFE
- FCFEFF
Shades
- C5D6DA
- A8B7BA
- 8C989C
- 717B7E
- 575F61
- 3F4546
- 272C2D
- 121515
- 030303
Tones
- D9EAEE
- CEDDE1
- C4D1D5
- BAC5C8
- B0B9BC
- A6AEAF
- 9DA2A3
- 939697
- 898B8C
Color harmonies
Complementary +180°
- E3F6FB
Diamond White
- FFEEE9
≈ Strawberry Dust
Analogous -30° +30°
- E3F6FB
Diamond White
- E3F7F4
≈ Frosty Mint
- E7F4FF
≈ Moon White
Triadic +120° +240°
- E3F6FB
Diamond White
- FCEDF8
≈ Partial Pink
- F6F2E3
≈ Whiskers
Split-complementary +150° +210°
- E3F6FB
Diamond White
- FFEDF0
≈ Translucent Unicorn
- FCF0E4
≈ Backlight
Tetradic +90° +180° +270°
- E3F6FB
Diamond White
- F5EFFE
≈ Cloud Break
- FFEEE9
≈ Strawberry Dust
- EEF5E6
≈ Verde Pastel
Contrast & accessibility
Ag
FailOn white
WCAG 1.11:1 · APCA Lc 0
Ag
AAAOn black
WCAG 18.84:1 · APCA Lc 100
Best text color: #000000
WCAG 18.84:1 (AAA) · APCA Lc 100
Contrast pairs
Code snippets
CSS
:root {
--diamond-white: #e3f6fb;
--diamond-white-rgb: 227 246 251;
--diamond-white-oklch: oklch(0.961 0.021 215.3);
}
.element {
color: var(--diamond-white);
background-color: hsl(192 75% 94%);
border-color: oklch(0.961 0.021 215.3);
}Tailwind CSS v4
@theme {
--color-diamond-white: #e3f6fb;
--color-diamond-white-50: #eff7f9;
--color-diamond-white-100: #e0eaec;
--color-diamond-white-200: #cbd7da;
--color-diamond-white-300: #acbabe;
--color-diamond-white-400: #91a2a6;
--color-diamond-white-500: #778a8f;
--color-diamond-white-600: #657579;
--color-diamond-white-700: #515d61;
--color-diamond-white-800: #3a4447;
--color-diamond-white-900: #282f31;
--color-diamond-white-950: #161c1d;
}SCSS
$diamond-white: #e3f6fb;
$diamond-white-rgb: 227, 246, 251;
$diamond-white-light: mix(#fff, $diamond-white, 20%);
$diamond-white-dark: mix(#000, $diamond-white, 20%);
.element {
color: $diamond-white;
box-shadow: 0 0 0 2px rgba($diamond-white, 0.35);
}