Adlandırılmış renk · #CC3842
Poinsettia
Poinsettia, #CC3842: rgb(204 56 66), hsl(356 59% 51%), oklch(0.566 0.184 21.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Poinsettia color name →
#CC3842
oklch(0.566 0.184 21.9)
Renk dönüşümleri
- HEX
- #cc3842
- RGB
- rgb(204 56 66)
- HSL
- hsl(356 59% 51%)
- HWB
- hwb(356 22% 20%)
- OKLCH
- oklch(0.566 0.184 21.9)
- OKLab
- oklab(0.566 0.171 0.069)
- CIE Lab
- lab(47.75 58.78 30.76)
- LCH
- lch(47.75 66.34 27.6)
- CMYK
- cmyk(0% 73% 68% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D45154
- DB6667
- E27A79
- E88E8B
- EEA19E
- F3B4B1
- F7C7C4
- FAD9D7
- FDECEB
Koyu tonlar
- B12F38
- 97272F
- 7E1F25
- 65171C
- 4E0F14
- 37080B
- 220405
- 0F0101
- 020000
Gri tonlar
- C64449
- C04D50
- B95656
- B25D5C
- AB6462
- A46B68
- 9C706E
- 937674
- 8A7B7A
Renk uyumları
Tamamlayıcı +180°
- CC3842
Poinsettia
- 00878E
≈ Ocean Soul
Analog -30° +30°
- CC3842
Poinsettia
- C13A82
≈ Very Berry
- B65800
≈ Elm Brown Red
Üçlü +120° +240°
- CC3842
Poinsettia
- 1B8F0D
≈ Diamine Green
- 346FE0
≈ Royal Blue
Bölünmüş tamamlayıcı +150° +210°
- CC3842
Poinsettia
- 008B6F
≈ Carolina Green
- 0081AE
≈ Tusche Blue
Dörtlü +90° +180° +270°
- CC3842
Poinsettia
- 797D00
≈ Verde Tropa
- 00878E
≈ Ocean Soul
- 7C5AD7
≈ Astro Purple
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.98:1 · APCA Lc 73
Ag
FailSiyah üzerinde
WCAG 4.21:1 · APCA Lc 28
En iyi metin rengi: #FFFFFF
WCAG 4.98:1 (AA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--poinsettia: #cc3842;
--poinsettia-rgb: 204 56 66;
--poinsettia-oklch: oklch(0.566 0.184 21.9);
}
.element {
color: var(--poinsettia);
background-color: hsl(356 59% 51%);
border-color: oklch(0.566 0.184 21.9);
}Tailwind CSS v4
@theme {
--color-poinsettia: #cc3842;
--color-poinsettia-50: #ffe1dc;
--color-poinsettia-100: #ffd0ca;
--color-poinsettia-200: #ffb5ae;
--color-poinsettia-300: #ff8f89;
--color-poinsettia-400: #f86a6c;
--color-poinsettia-500: #e7404b;
--color-poinsettia-600: #c33840;
--color-poinsettia-700: #9d2d33;
--color-poinsettia-800: #751e27;
--color-poinsettia-900: #53141a;
--color-poinsettia-950: #37050a;
}SCSS
$poinsettia: #cc3842;
$poinsettia-rgb: 204, 56, 66;
$poinsettia-light: mix(#fff, $poinsettia, 20%);
$poinsettia-dark: mix(#000, $poinsettia, 20%);
.element {
color: $poinsettia;
box-shadow: 0 0 0 2px rgba($poinsettia, 0.35);
}