이름 색상 · #E2C9C8
Youth
Youth은(는) #E2C9C8: rgb(226 201 200), hsl(2 31% 84%), oklch(0.856 0.028 20.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Youth color name →
#E2C9C8
oklch(0.856 0.028 20.5)
색상 변환
- HEX
- #e2c9c8
- RGB
- rgb(226 201 200)
- HSL
- hsl(2 31% 84%)
- HWB
- hwb(2 78% 11%)
- OKLCH
- oklch(0.856 0.028 20.5)
- OKLab
- oklab(0.856 0.026 0.01)
- CIE Lab
- lab(83.07 8.94 3.88)
- LCH
- lch(83.07 9.75 23.5)
- CMYK
- cmyk(0% 11% 12% 11%)
틴트 · 셰이드 · 톤
틴트
- E5CECD
- E8D4D3
- EBD9D8
- EEDEDE
- F1E4E3
- F4E9E9
- F6EFEE
- F9F4F4
- FCFAF9
셰이드
- C4AEAE
- A89594
- 8C7C7B
- 716463
- 574C4C
- 3E3636
- 272221
- 120F0F
- 030202
톤
- D8C1C1
- CEBAB9
- C4B3B2
- BAABAB
- B0A4A3
- A69D9C
- 9C9595
- 938E8E
- 898787
색 조화
보색 +180°
- E2C9C8
Youth
- BBD6D7
≈ Skylight
유사색 -30° +30°
- E2C9C8
Youth
- DFC9D2
≈ French Lavender
- E0CBC0
≈ Ancient Ruins
삼각 배색 +120° +240°
- E2C9C8
Youth
- C6D5C3
≈ Apothecary Jar
- C5D1E3
≈ Love Crystal
분열 보색 +150° +210°
- E2C9C8
Youth
- BFD6CD
≈ Meadow Lane
- BED4DF
≈ Winterscape
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.56:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.42:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.42:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--youth: #e2c9c8;
--youth-rgb: 226 201 200;
--youth-oklch: oklch(0.856 0.028 20.5);
}
.element {
color: var(--youth);
background-color: hsl(2 31% 84%);
border-color: oklch(0.856 0.028 20.5);
}Tailwind CSS v4
@theme {
--color-youth: #e2c9c8;
--color-youth-50: #fdf2f1;
--color-youth-100: #f1e4e3;
--color-youth-200: #e0d0cf;
--color-youth-300: #c6b2b1;
--color-youth-400: #af9897;
--color-youth-500: #987f7e;
--color-youth-600: #816c6b;
--color-youth-700: #675655;
--color-youth-800: #4c3f3f;
--color-youth-900: #352b2b;
--color-youth-950: #201818;
}SCSS
$youth: #e2c9c8;
$youth-rgb: 226, 201, 200;
$youth-light: mix(#fff, $youth, 20%);
$youth-dark: mix(#000, $youth, 20%);
.element {
color: $youth;
box-shadow: 0 0 0 2px rgba($youth, 0.35);
}