Adlandırılmış renk · #EE2288
Cruel Jewel
Cruel Jewel, #EE2288: rgb(238 34 136), hsl(330 86% 53%), oklch(0.627 0.24 357.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? → · Cruel Jewel color name →
#EE2288
oklch(0.627 0.24 357.9)
Renk dönüşümleri
- HEX
- #ee2288
- RGB
- rgb(238 34 136)
- HSL
- hsl(330 86% 53%)
- HWB
- hwb(330 13% 7%)
- OKLCH
- oklch(0.627 0.24 357.9)
- OKLab
- oklab(0.627 0.24 -0.009)
- CIE Lab
- lab(53.67 76.97 -2.31)
- LCH
- lch(53.67 77.01 358.3)
- CMYK
- cmyk(0% 86% 43% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F34793
- F8619F
- FB78AA
- FE8DB6
- FFA1C2
- FFB4CE
- FFC7DA
- FFDAE6
- FFECF3
Koyu tonlar
- CF1C75
- B11663
- 931152
- 770B41
- 5C0731
- 420322
- 2A0113
- 140006
- 030001
Gri tonlar
- E53887
- DB4686
- D15286
- C75B85
- BD6384
- B26A83
- A67082
- 9A7682
- 8E7B81
Renk uyumları
Tamamlayıcı +180°
- EE2288
Cruel Jewel
- 009F88
≈ Reptilian Green
Analog -30° +30°
- EE2288
Cruel Jewel
- CF3DD0
≈ Steel Pink
- F82524
≈ Raspberry Rave
Üçlü +120° +240°
- EE2288
Cruel Jewel
- 819300
≈ Mossy Woods
- 0092D1
≈ Rich Electric Blue
Bölünmüş tamamlayıcı +150° +210°
- EE2288
Cruel Jewel
- 00A440
≈ Poetic Green
- 009AAA
≈ Aquarium Diver
Dörtlü +90° +180° +270°
- EE2288
Cruel Jewel
- A98200
≈ Chestnut Gold
- 009F88
≈ Reptilian Green
- 557CFF
≈ C64 NTSC
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.02:1 · APCA Lc 66
Ag
AASiyah üzerinde
WCAG 5.21:1 · APCA Lc 36
En iyi metin rengi: #000000
WCAG 5.21:1 (AA) · APCA Lc 36
Contrast pairs
Kod parçacıkları
CSS
:root {
--cruel-jewel: #ee2288;
--cruel-jewel-rgb: 238 34 136;
--cruel-jewel-oklch: oklch(0.627 0.24 357.9);
}
.element {
color: var(--cruel-jewel);
background-color: hsl(330 86% 53%);
border-color: oklch(0.627 0.24 357.9);
}Tailwind CSS v4
@theme {
--color-cruel-jewel: #ee2288;
--color-cruel-jewel-50: #ffd9f2;
--color-cruel-jewel-100: #ffc6e5;
--color-cruel-jewel-200: #ffa6d0;
--color-cruel-jewel-300: #ff7bb3;
--color-cruel-jewel-400: #ff4d9e;
--color-cruel-jewel-500: #f40086;
--color-cruel-jewel-600: #ce0071;
--color-cruel-jewel-700: #a6005b;
--color-cruel-jewel-800: #7b0045;
--color-cruel-jewel-900: #570230;
--color-cruel-jewel-950: #3a001c;
}SCSS
$cruel-jewel: #ee2288;
$cruel-jewel-rgb: 238, 34, 136;
$cruel-jewel-light: mix(#fff, $cruel-jewel, 20%);
$cruel-jewel-dark: mix(#000, $cruel-jewel, 20%);
.element {
color: $cruel-jewel;
box-shadow: 0 0 0 2px rgba($cruel-jewel, 0.35);
}