이름 색상 · #ECF3D8
Tokyo Underground
Tokyo Underground은(는) #ECF3D8: rgb(236 243 216), hsl(76 53% 90%), oklch(0.952 0.036 118.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Tokyo Underground color name →
#ECF3D8
oklch(0.952 0.036 118.9)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- EEF4DC
- F0F5E0
- F2F7E4
- F4F8E8
- F5F9EC
- F7FAEF
- F9FBF3
- FBFDF7
- FDFEFB
셰이드
- CDD3BC
- AFB4A0
- 929785
- 767A6B
- 5B5E53
- 42443B
- 292B25
- 131411
- 030302
톤
- E1E7CF
- D5DBC6
- CACFBD
- BFC3B4
- B4B8AB
- AAACA2
- 9FA19A
- 959691
- 8A8B88
색 조화
보색 +180°
- ECF3D8
Tokyo Underground
- F1ECFF
≈ Placebo Purple
유사색 -30° +30°
- ECF3D8
Tokyo Underground
- F9EED4
≈ Meatbun
- DFF6E2
≈ Friendly Basilisk
삼각 배색 +120° +240°
- ECF3D8
Tokyo Underground
- E0F2FF
≈ Wizard White
- FFE8EF
≈ Rose Mochi
분열 보색 +150° +210°
- ECF3D8
Tokyo Underground
- E9EFFF
≈ Brilliant White
- FEE7FB
≈ Dolomite Crystal
사각 배색 +90° +180° +270°
- ECF3D8
Tokyo Underground
- D4F6FC
≈ Fishious Rend
- F1ECFF
≈ Placebo Purple
- FFE9E6
≈ Sheer Rosebud
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.14:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 18.37:1 · APCA Lc 98
가장 좋은 글자색: #000000
WCAG 18.37:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
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);
}