Named color · #E8F5FC
Kodama White
Kodama White is #E8F5FC: rgb(232 245 252), hsl(201 77% 95%), oklch(0.963 0.017 230.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Kodama White color name →
#E8F5FC
oklch(0.963 0.017 230.9)
Color conversions
- HEX
- #e8f5fc
- RGB
- rgb(232 245 252)
- HSL
- hsl(201 77% 95%)
- HWB
- hwb(201 91% 1%)
- OKLCH
- oklch(0.963 0.017 230.9)
- OKLab
- oklab(0.963 -0.011 -0.013)
- CIE Lab
- lab(95.71 -3.46 -4.93)
- LCH
- lch(95.71 6.02 235)
- CMYK
- cmyk(8% 3% 0% 1%)
Tints · Shades · Tones
Tints
- EAF6FC
- EDF7FD
- EFF8FD
- F1F9FD
- F4FAFE
- F6FBFE
- F8FCFE
- FAFDFE
- FDFEFF
Shades
- CAD5DB
- ACB6BB
- 90989C
- 747B7E
- 595F62
- 404447
- 292B2D
- 131516
- 030303
Tones
- DDE9EF
- D2DDE2
- C8D0D5
- BDC5C9
- B3B9BC
- A8ADB0
- 9EA2A4
- 949698
- 8A8B8C
Color harmonies
Complementary +180°
- E8F5FC
Kodama White
- FDF0E9
≈ Strawberry Dust
Analogous -30° +30°
- E8F5FC
Kodama White
- E6F6F7
≈ Milky Way
- ECF3FE
≈ Placebo Blue
Triadic +120° +240°
- E8F5FC
Kodama White
- FCEEF4
≈ Pale Cherry Blossom
- F3F4E7
≈ Calcium
Split-complementary +150° +210°
- E8F5FC
Kodama White
- FEEEEE
≈ Voracious White
- F8F2E6
≈ Powdered
Tetradic +90° +180° +270°
- E8F5FC
Kodama White
- F8EFFA
≈ Cloud Break
- FDF0E9
≈ Strawberry Dust
- EDF6EB
≈ Verde Pastel
Contrast & accessibility
Ag
FailOn white
WCAG 1.11:1 · APCA Lc 0
Ag
AAAOn black
WCAG 18.89:1 · APCA Lc 100
Best text color: #000000
WCAG 18.89:1 (AAA) · APCA Lc 100
Contrast pairs
Code snippets
CSS
:root {
--kodama-white: #e8f5fc;
--kodama-white-rgb: 232 245 252;
--kodama-white-oklch: oklch(0.963 0.017 230.9);
}
.element {
color: var(--kodama-white);
background-color: hsl(201 77% 95%);
border-color: oklch(0.963 0.017 230.9);
}Tailwind CSS v4
@theme {
--color-kodama-white: #e8f5fc;
--color-kodama-white-50: #f1f6f9;
--color-kodama-white-100: #e3e9ed;
--color-kodama-white-200: #ced6da;
--color-kodama-white-300: #afb9bf;
--color-kodama-white-400: #95a0a7;
--color-kodama-white-500: #7c888f;
--color-kodama-white-600: #697379;
--color-kodama-white-700: #545c61;
--color-kodama-white-800: #3d4447;
--color-kodama-white-900: #2a2f31;
--color-kodama-white-950: #171b1d;
}SCSS
$kodama-white: #e8f5fc;
$kodama-white-rgb: 232, 245, 252;
$kodama-white-light: mix(#fff, $kodama-white, 20%);
$kodama-white-dark: mix(#000, $kodama-white, 20%);
.element {
color: $kodama-white;
box-shadow: 0 0 0 2px rgba($kodama-white, 0.35);
}