Nazwany kolor · #CDA59C
Eunry
Eunry to #CDA59C: rgb(205 165 156), hsl(11 33% 71%), oklch(0.756 0.049 32.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Eunry color name →
#CDA59C
oklch(0.756 0.049 32.9)
Konwersje koloru
- HEX
- #cda59c
- RGB
- rgb(205 165 156)
- HSL
- hsl(11 33% 71%)
- HWB
- hwb(11 61% 20%)
- OKLCH
- oklch(0.756 0.049 32.9)
- OKLab
- oklab(0.756 0.041 0.027)
- CIE Lab
- lab(71.26 14.17 10.55)
- LCH
- lch(71.26 17.67 36.7)
- CMYK
- cmyk(0% 20% 24% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D2AEA6
- D7B7AF
- DCBFB9
- E1C8C3
- E7D1CD
- EBDAD6
- F0E3E1
- F5EDEB
- FAF6F5
Odcienie ciemniejsze
- B28F87
- 987973
- 7E655F
- 66514C
- 4E3D39
- 382B28
- 231A18
- 0F0A09
- 020101
Tony
- C5A199
- BD9E96
- B69A94
- AE9691
- A6928E
- 9F8F8B
- 978B88
- 8F8786
- 888483
Harmonie kolorów
Komplementarna +180°
- CDA59C
Eunry
- 8CB8C2
≈ Sea Angel
Analogowa -30° +30°
- CDA59C
Eunry
- CCA3AD
≈ Whisper of Rose
- C7AA90
≈ Uncommon Coir
Triada +120° +240°
- CDA59C
Eunry
- 99B9A1
≈ Greyed Jade
- A5AED0
≈ Mild Blue Yonder
Komplementarna rozszczepiona +150° +210°
- CDA59C
Eunry
- 8DBAB2
≈ Morning Green
- 95B4CD
≈ Sea Mark
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.22:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.45:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.45:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--eunry: #cda59c;
--eunry-rgb: 205 165 156;
--eunry-oklch: oklch(0.756 0.049 32.9);
}
.element {
color: var(--eunry);
background-color: hsl(11 33% 71%);
border-color: oklch(0.756 0.049 32.9);
}Tailwind CSS v4
@theme {
--color-eunry: #cda59c;
--color-eunry-50: #fff1ec;
--color-eunry-100: #f8e3dd;
--color-eunry-200: #e8cdc6;
--color-eunry-300: #cfafa7;
--color-eunry-400: #ba948c;
--color-eunry-500: #a47b71;
--color-eunry-600: #8b6860;
--color-eunry-700: #6f534d;
--color-eunry-800: #523c38;
--color-eunry-900: #392926;
--color-eunry-950: #231715;
}SCSS
$eunry: #cda59c;
$eunry-rgb: 205, 165, 156;
$eunry-light: mix(#fff, $eunry, 20%);
$eunry-dark: mix(#000, $eunry, 20%);
.element {
color: $eunry;
box-shadow: 0 0 0 2px rgba($eunry, 0.35);
}