Adlandırılmış renk · #EE3355
Radish Lips
Radish Lips, #EE3355: rgb(238 51 85), hsl(349 85% 57%), oklch(0.624 0.22 17.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? → · Radish Lips color name →
#EE3355
oklch(0.624 0.22 17.1)
Renk dönüşümleri
- HEX
- #ee3355
- RGB
- rgb(238 51 85)
- HSL
- hsl(349 85% 57%)
- HWB
- hwb(349 20% 7%)
- OKLCH
- oklch(0.624 0.22 17.1)
- OKLab
- oklab(0.624 0.21 0.065)
- CIE Lab
- lab(53.97 70.86 28.76)
- LCH
- lch(53.97 76.47 22.1)
- CMYK
- cmyk(0% 79% 64% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F35165
- F76876
- FB7D86
- FE9197
- FFA4A8
- FFB7B9
- FFC9CA
- FFDBDC
- FFEDED
Koyu tonlar
- CF2B49
- B1233D
- 931C31
- 771426
- 5C0D1C
- 420711
- 2A0308
- 140102
- 030000
Gri tonlar
- E5425A
- DB4E5E
- D15863
- C76067
- BC676C
- B26D70
- A67274
- 9A7778
- 8E7C7C
Renk uyumları
Tamamlayıcı +180°
- EE3355
Radish Lips
- 009B9D
≈ Riviera Paradise
Analog -30° +30°
- EE3355
Radish Lips
- DD3AA0
≈ Pink Bite
- D75E00
≈ Exuberance
Üçlü +120° +240°
- EE3355
Radish Lips
- 469F00
≈ Grassy Green
- 1F83FF
≈ Bubble Bobble P2
Bölünmüş tamamlayıcı +150° +210°
- EE3355
Radish Lips
- 009F77
≈ Holly Green
- 0095BF
≈ Blue Danube
Dörtlü +90° +180° +270°
- EE3355
Radish Lips
- 918C00
≈ Old Asparagus
- 009B9D
≈ Riviera Paradise
- 8468FF
≈ Purple Anemone
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.00:1 · APCA Lc 66
Ag
AASiyah üzerinde
WCAG 5.24:1 · APCA Lc 36
En iyi metin rengi: #000000
WCAG 5.24:1 (AA) · APCA Lc 36
Contrast pairs
Kod parçacıkları
CSS
:root {
--radish-lips: #ee3355;
--radish-lips-rgb: 238 51 85;
--radish-lips-oklch: oklch(0.624 0.22 17.1);
}
.element {
color: var(--radish-lips);
background-color: hsl(349 85% 57%);
border-color: oklch(0.624 0.22 17.1);
}Tailwind CSS v4
@theme {
--color-radish-lips: #ee3355;
--color-radish-lips-50: #ffdcdc;
--color-radish-lips-100: #ffcacb;
--color-radish-lips-200: #ffacaf;
--color-radish-lips-300: #ff838a;
--color-radish-lips-400: #ff586e;
--color-radish-lips-500: #f5154e;
--color-radish-lips-600: #cf1943;
--color-radish-lips-700: #a71635;
--color-radish-lips-800: #7c0c29;
--color-radish-lips-900: #58081b;
--color-radish-lips-950: #3b000c;
}SCSS
$radish-lips: #ee3355;
$radish-lips-rgb: 238, 51, 85;
$radish-lips-light: mix(#fff, $radish-lips, 20%);
$radish-lips-dark: mix(#000, $radish-lips, 20%);
.element {
color: $radish-lips;
box-shadow: 0 0 0 2px rgba($radish-lips, 0.35);
}