Named color · #ECF3D8
Tokyo Underground
Tokyo Underground is #ECF3D8: rgb(236 243 216), hsl(76 53% 90%), oklch(0.952 0.036 118.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Tokyo Underground color name →
#ECF3D8
oklch(0.952 0.036 118.9)
Color conversions
- HEX
- #ecf3d8
- RGB
- rgb(236 243 216)
- HSL
- hsl(76 53% 90%)
- HWB
- hwb(76 85% 5%)
- OKLCH
- oklch(0.952 0.036 118.9)
- OKLab
- oklab(0.952 -0.018 0.032)
- CIE Lab
- lab(94.77 -5.85 12.24)
- LCH
- lch(94.77 13.56 115.5)
- CMYK
- cmyk(3% 0% 11% 5%)
Tints · Shades · Tones
Tints
- EEF4DC
- F0F5E0
- F2F7E4
- F4F8E8
- F5F9EC
- F7FAEF
- F9FBF3
- FBFDF7
- FDFEFB
Shades
- CDD3BC
- AFB4A0
- 929785
- 767A6B
- 5B5E53
- 42443B
- 292B25
- 131411
- 030302
Tones
- E1E7CF
- D5DBC6
- CACFBD
- BFC3B4
- B4B8AB
- AAACA2
- 9FA19A
- 959691
- 8A8B88
Color harmonies
Complementary +180°
- ECF3D8
Tokyo Underground
- F1ECFF
≈ Placebo Purple
Analogous -30° +30°
- ECF3D8
Tokyo Underground
- F9EED4
≈ Meatbun
- DFF6E2
≈ Friendly Basilisk
Triadic +120° +240°
- ECF3D8
Tokyo Underground
- E0F2FF
≈ Wizard White
- FFE8EF
≈ Rose Mochi
Split-complementary +150° +210°
- ECF3D8
Tokyo Underground
- E9EFFF
≈ Brilliant White
- FEE7FB
≈ Dolomite Crystal
Tetradic +90° +180° +270°
- ECF3D8
Tokyo Underground
- D4F6FC
≈ Fishious Rend
- F1ECFF
≈ Placebo Purple
- FFE9E6
≈ Sheer Rosebud
Contrast & accessibility
Ag
FailOn white
WCAG 1.14:1 · APCA Lc 0
Ag
AAAOn black
WCAG 18.37:1 · APCA Lc 98
Best text color: #000000
WCAG 18.37:1 (AAA) · APCA Lc 98
Contrast pairs
Code snippets
CSS
:root {
--tokyo-underground: #ecf3d8;
--tokyo-underground-rgb: 236 243 216;
--tokyo-underground-oklch: oklch(0.952 0.036 118.9);
}
.element {
color: var(--tokyo-underground);
background-color: hsl(76 53% 90%);
border-color: oklch(0.952 0.036 118.9);
}Tailwind CSS v4
@theme {
--color-tokyo-underground: #ecf3d8;
--color-tokyo-underground-50: #f3f7ec;
--color-tokyo-underground-100: #e6eadd;
--color-tokyo-underground-200: #d2d7c6;
--color-tokyo-underground-300: #b4bba6;
--color-tokyo-underground-400: #9ca28a;
--color-tokyo-underground-500: #838a6f;
--color-tokyo-underground-600: #6f755e;
--color-tokyo-underground-700: #595d4b;
--color-tokyo-underground-800: #414436;
--color-tokyo-underground-900: #2d2f25;
--color-tokyo-underground-950: #1a1c13;
}SCSS
$tokyo-underground: #ecf3d8;
$tokyo-underground-rgb: 236, 243, 216;
$tokyo-underground-light: mix(#fff, $tokyo-underground, 20%);
$tokyo-underground-dark: mix(#000, $tokyo-underground, 20%);
.element {
color: $tokyo-underground;
box-shadow: 0 0 0 2px rgba($tokyo-underground, 0.35);
}