Cor nomeada · #ECF3D8
Tokyo Underground
Tokyo Underground é #ECF3D8: rgb(236 243 216), hsl(76 53% 90%), oklch(0.952 0.036 118.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Tokyo Underground color name →
#ECF3D8
oklch(0.952 0.036 118.9)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- EEF4DC
- F0F5E0
- F2F7E4
- F4F8E8
- F5F9EC
- F7FAEF
- F9FBF3
- FBFDF7
- FDFEFB
Sombras
- CDD3BC
- AFB4A0
- 929785
- 767A6B
- 5B5E53
- 42443B
- 292B25
- 131411
- 030302
Tons
- E1E7CF
- D5DBC6
- CACFBD
- BFC3B4
- B4B8AB
- AAACA2
- 9FA19A
- 959691
- 8A8B88
Harmonias de cor
Complementar +180°
- ECF3D8
Tokyo Underground
- F1ECFF
≈ Placebo Purple
Análoga -30° +30°
- ECF3D8
Tokyo Underground
- F9EED4
≈ Meatbun
- DFF6E2
≈ Friendly Basilisk
Tríade +120° +240°
- ECF3D8
Tokyo Underground
- E0F2FF
≈ Wizard White
- FFE8EF
≈ Rose Mochi
Complementar dividida +150° +210°
- ECF3D8
Tokyo Underground
- E9EFFF
≈ Brilliant White
- FEE7FB
≈ Dolomite Crystal
Tétrade +90° +180° +270°
- ECF3D8
Tokyo Underground
- D4F6FC
≈ Fishious Rend
- F1ECFF
≈ Placebo Purple
- FFE9E6
≈ Sheer Rosebud
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.14:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.37:1 · APCA Lc 98
Melhor cor de texto: #000000
WCAG 18.37:1 (AAA) · APCA Lc 98
Contrast pairs
Trechos de código
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);
}