Adlandırılmış renk · #E2C9C8
Youth
Youth, #E2C9C8: rgb(226 201 200), hsl(2 31% 84%), oklch(0.856 0.028 20.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Youth color name →
#E2C9C8
oklch(0.856 0.028 20.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E5CECD
- E8D4D3
- EBD9D8
- EEDEDE
- F1E4E3
- F4E9E9
- F6EFEE
- F9F4F4
- FCFAF9
Koyu tonlar
- C4AEAE
- A89594
- 8C7C7B
- 716463
- 574C4C
- 3E3636
- 272221
- 120F0F
- 030202
Gri tonlar
- D8C1C1
- CEBAB9
- C4B3B2
- BAABAB
- B0A4A3
- A69D9C
- 9C9595
- 938E8E
- 898787
Renk uyumları
Tamamlayıcı +180°
- E2C9C8
Youth
- BBD6D7
≈ Skylight
Analog -30° +30°
- E2C9C8
Youth
- DFC9D2
≈ French Lavender
- E0CBC0
≈ Ancient Ruins
Üçlü +120° +240°
- E2C9C8
Youth
- C6D5C3
≈ Apothecary Jar
- C5D1E3
≈ Love Crystal
Bölünmüş tamamlayıcı +150° +210°
- E2C9C8
Youth
- BFD6CD
≈ Meadow Lane
- BED4DF
≈ Winterscape
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.56:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.42:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.42:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
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);
}