Nazwany kolor · #EAD7D5
Light Youth
Light Youth to #EAD7D5: rgb(234 215 213), hsl(6 33% 88%), oklch(0.894 0.021 24.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Light Youth color name →
#EAD7D5
oklch(0.894 0.021 24.8)
Konwersje koloru
- HEX
- #ead7d5
- RGB
- rgb(234 215 213)
- HSL
- hsl(6 33% 88%)
- HWB
- hwb(6 84% 8%)
- OKLCH
- oklch(0.894 0.021 24.8)
- OKLab
- oklab(0.894 0.019 0.009)
- CIE Lab
- lab(87.51 6.53 3.49)
- LCH
- lch(87.51 7.4 28.1)
- CMYK
- cmyk(0% 8% 9% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ECDBD9
- EEDFDD
- F0E3E1
- F2E7E6
- F5EBEA
- F7EFEE
- F9F3F2
- FBF7F6
- FDFBFB
Odcienie ciemniejsze
- CBBBB9
- AE9F9E
- 918583
- 756B6A
- 5A5251
- 413B3A
- 292524
- 131110
- 030202
Tony
- DFCECC
- D4C5C3
- C9BCBB
- BEB3B2
- B4AAAA
- A9A2A1
- 9F9999
- 949190
- 8A8888
Harmonie kolorów
Komplementarna +180°
- EAD7D5
Light Youth
- CDE0E3
≈ Nymphaeaceae
Analogowa -30° +30°
- EAD7D5
Light Youth
- E8D7DD
≈ Unfading Dusk
- E8D9CF
≈ Malted Milk
Triada +120° +240°
- EAD7D5
Light Youth
- D4E0D4
≈ Hornet Nest
- D5DCEB
≈ Morning Shower
Komplementarna rozszczepiona +150° +210°
- EAD7D5
Light Youth
- CEE1DB
≈ Light Meadow Lane
- CFDFE8
≈ Bird Bath Blue
Tetrada +90° +180° +270°
- EAD7D5
Light Youth
- DBDECE
≈ Light Soft Kind
- CDE0E3
≈ Nymphaeaceae
- DDDAE9
≈ Eyeshadow
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.38:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 15.17:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.17:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--light-youth: #ead7d5;
--light-youth-rgb: 234 215 213;
--light-youth-oklch: oklch(0.894 0.021 24.8);
}
.element {
color: var(--light-youth);
background-color: hsl(6 33% 88%);
border-color: oklch(0.894 0.021 24.8);
}Tailwind CSS v4
@theme {
--color-light-youth: #ead7d5;
--color-light-youth-50: #fbf3f2;
--color-light-youth-100: #efe5e4;
--color-light-youth-200: #ddd1cf;
--color-light-youth-300: #c2b3b2;
--color-light-youth-400: #ab9a98;
--color-light-youth-500: #94817f;
--color-light-youth-600: #7d6d6c;
--color-light-youth-700: #645756;
--color-light-youth-800: #4a403f;
--color-light-youth-900: #332c2b;
--color-light-youth-950: #1f1919;
}SCSS
$light-youth: #ead7d5;
$light-youth-rgb: 234, 215, 213;
$light-youth-light: mix(#fff, $light-youth, 20%);
$light-youth-dark: mix(#000, $light-youth, 20%);
.element {
color: $light-youth;
box-shadow: 0 0 0 2px rgba($light-youth, 0.35);
}