Adlandırılmış renk · #CD5252
Chestnut Rose
Chestnut Rose, #CD5252: rgb(205 82 82), hsl(0 55% 56%), oklch(0.6 0.157 23.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Chestnut Rose color name →
#CD5252
oklch(0.6 0.157 23.1)
Renk dönüşümleri
- HEX
- #cd5252
- RGB
- rgb(205 82 82)
- HSL
- hsl(0 55% 56%)
- HWB
- hwb(0 32% 20%)
- OKLCH
- oklch(0.6 0.157 23.1)
- OKLab
- oklab(0.6 0.144 0.061)
- CIE Lab
- lab(52 49.71 26.54)
- LCH
- lch(52 56.35 28.1)
- CMYK
- cmyk(0% 60% 60% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D46563
- DB7773
- E18884
- E79995
- ECAAA6
- F1BBB7
- F5CCC9
- F9DDDB
- FCEEED
Koyu tonlar
- B24646
- 983B3B
- 7E2F2F
- 662525
- 4E1A1A
- 381111
- 230808
- 0F0202
- 020000
Gri tonlar
- C65957
- C05E5C
- B96461
- B26965
- AA6D6A
- A3726F
- 9B7673
- 927977
- 897D7C
Renk uyumları
Tamamlayıcı +180°
- CD5252
Chestnut Rose
- 00929B
≈ Peacock Feather
Analog -30° +30°
- CD5252
Chestnut Rose
- C45288
≈ Sparkling Blueberry Lemonade
- C46100
≈ Alloy Orange
Üçlü +120° +240°
- CD5252
Chestnut Rose
- 3B973A
≈ Always Greener
- 4C7CDD
≈ Skies of Cyberspace
Bölünmüş tamamlayıcı +150° +210°
- CD5252
Chestnut Rose
- 00967A
≈ Pool Table
- 008BBE
≈ Hawaiian Surf
Dörtlü +90° +180° +270°
- CD5252
Chestnut Rose
- 818800
≈ Krypton Green
- 00929B
≈ Peacock Feather
- 866AD4
≈ Matt Purple
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.26:1 · APCA Lc 69
Ag
AASiyah üzerinde
WCAG 4.92:1 · APCA Lc 33
En iyi metin rengi: #000000
WCAG 4.92:1 (AA) · APCA Lc 33
Contrast pairs
Kod parçacıkları
CSS
:root {
--chestnut-rose: #cd5252;
--chestnut-rose-rgb: 205 82 82;
--chestnut-rose-oklch: oklch(0.6 0.157 23.1);
}
.element {
color: var(--chestnut-rose);
background-color: hsl(0 55% 56%);
border-color: oklch(0.6 0.157 23.1);
}Tailwind CSS v4
@theme {
--color-chestnut-rose: #cd5252;
--color-chestnut-rose-50: #ffe5df;
--color-chestnut-rose-100: #ffd4ce;
--color-chestnut-rose-200: #ffbab2;
--color-chestnut-rose-300: #fe968e;
--color-chestnut-rose-400: #ed7572;
--color-chestnut-rose-500: #db5153;
--color-chestnut-rose-600: #b94646;
--color-chestnut-rose-700: #943838;
--color-chestnut-rose-800: #6f272a;
--color-chestnut-rose-900: #4e1a1c;
--color-chestnut-rose-950: #330a0c;
}SCSS
$chestnut-rose: #cd5252;
$chestnut-rose-rgb: 205, 82, 82;
$chestnut-rose-light: mix(#fff, $chestnut-rose, 20%);
$chestnut-rose-dark: mix(#000, $chestnut-rose, 20%);
.element {
color: $chestnut-rose;
box-shadow: 0 0 0 2px rgba($chestnut-rose, 0.35);
}