Adlandırılmış renk · #EC4236
Chilled Chilly
Chilled Chilly, #EC4236: rgb(236 66 54), hsl(4 83% 57%), oklch(0.628 0.208 28.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Chilled Chilly color name →
#EC4236
oklch(0.628 0.208 28.6)
Renk dönüşümleri
- HEX
- #ec4236
- RGB
- rgb(236 66 54)
- HSL
- hsl(4 83% 57%)
- HWB
- hwb(4 21% 7%)
- OKLCH
- oklch(0.628 0.208 28.6)
- OKLab
- oklab(0.628 0.183 0.1)
- CIE Lab
- lab(54.86 64.98 47.28)
- LCH
- lch(54.86 80.36 36)
- CMYK
- cmyk(0% 72% 77% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F15B4C
- F57061
- F98475
- FC9688
- FFA89C
- FFBAAF
- FFCBC3
- FFDDD7
- FFEEEB
Koyu tonlar
- CD382E
- AF2F25
- 92251E
- 761C16
- 5B140F
- 420B08
- 290503
- 130101
- 030000
Gri tonlar
- E34D40
- D95649
- CF5E51
- C56559
- BB6B60
- B07067
- A5756D
- 997974
- 8D7D7A
Renk uyumları
Tamamlayıcı +180°
- EC4236
Chilled Chilly
- 009AAB
≈ Aquarium Diver
Analog -30° +30°
- EC4236
Chilled Chilly
- E43F87
≈ Christmas Pink
- C96E00
≈ Sludge
Üçlü +120° +240°
- EC4236
Chilled Chilly
- 00A444
≈ Poetic Green
- 587CFF
≈ C64 NTSC
Bölünmüş tamamlayıcı +150° +210°
- EC4236
Chilled Chilly
- 009F89
≈ Reptilian Green
- 0092D3
≈ Sea of Crete
Dörtlü +90° +180° +270°
- EC4236
Chilled Chilly
- 809400
≈ Mossy Woods
- 009AAB
≈ Aquarium Diver
- 9C62F3
≈ Orion Nebula
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.88:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.39:1 · APCA Lc 37
En iyi metin rengi: #000000
WCAG 5.39:1 (AA) · APCA Lc 37
Contrast pairs
Kod parçacıkları
CSS
:root {
--chilled-chilly: #ec4236;
--chilled-chilly-rgb: 236 66 54;
--chilled-chilly-oklch: oklch(0.628 0.208 28.6);
}
.element {
color: var(--chilled-chilly);
background-color: hsl(4 83% 57%);
border-color: oklch(0.628 0.208 28.6);
}Tailwind CSS v4
@theme {
--color-chilled-chilly: #ec4236;
--color-chilled-chilly-50: #ffe0d1;
--color-chilled-chilly-100: #ffcebe;
--color-chilled-chilly-200: #ffb19e;
--color-chilled-chilly-300: #ff8a74;
--color-chilled-chilly-400: #ff6152;
--color-chilled-chilly-500: #f12e26;
--color-chilled-chilly-600: #cc2a22;
--color-chilled-chilly-700: #a4221b;
--color-chilled-chilly-800: #7b1616;
--color-chilled-chilly-900: #570f0e;
--color-chilled-chilly-950: #3a0002;
}SCSS
$chilled-chilly: #ec4236;
$chilled-chilly-rgb: 236, 66, 54;
$chilled-chilly-light: mix(#fff, $chilled-chilly, 20%);
$chilled-chilly-dark: mix(#000, $chilled-chilly, 20%);
.element {
color: $chilled-chilly;
box-shadow: 0 0 0 2px rgba($chilled-chilly, 0.35);
}