Adlandırılmış renk · #EE1144
Pickled Radish
Pickled Radish, #EE1144: rgb(238 17 68), hsl(346 87% 50%), oklch(0.605 0.237 19.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Pickled Radish color name →
#EE1144
oklch(0.605 0.237 19.2)
Renk dönüşümleri
- HEX
- #ee1144
- RGB
- rgb(238 17 68)
- HSL
- hsl(346 87% 50%)
- HWB
- hwb(346 7% 7%)
- OKLCH
- oklch(0.605 0.237 19.2)
- OKLab
- oklab(0.605 0.224 0.078)
- CIE Lab
- lab(51.58 76.32 36.06)
- LCH
- lch(51.58 84.41 25.3)
- CMYK
- cmyk(0% 93% 71% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F34157
- F85D69
- FC747B
- FF8A8D
- FF9FA0
- FFB2B2
- FFC6C5
- FFD9D8
- FFECEC
Koyu tonlar
- CF0D3A
- B10930
- 930626
- 77041D
- 5C0214
- 42010C
- 2A0005
- 140002
- 030000
Gri tonlar
- E5304B
- DB4152
- D24E58
- C8585E
- BD6164
- B2696A
- A76F70
- 9B7575
- 8E7B7B
Renk uyumları
Tamamlayıcı +180°
- EE1144
Pickled Radish
- 009499
≈ Peacock Feather
Analog -30° +30°
- EE1144
Pickled Radish
- DE2197
≈ Myoga Purple
- CB5D00
≈ Rusty Orange
Üçlü +120° +240°
- EE1144
Pickled Radish
- 369B00
≈ Planter
- 1E79FF
≈ Clear Blue
Bölünmüş tamamlayıcı +150° +210°
- EE1144
Pickled Radish
- 009875
≈ Cadaverous
- 008EBA
≈ Hawaiian Ocean
Dörtlü +90° +180° +270°
- EE1144
Pickled Radish
- 888700
≈ Palak Paneer
- 009499
≈ Peacock Feather
- 845BFF
≈ Purple Honeycreeper
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.37:1 · APCA Lc 68
Ag
AASiyah üzerinde
WCAG 4.79:1 · APCA Lc 34
En iyi metin rengi: #000000
WCAG 4.79:1 (AA) · APCA Lc 34
Contrast pairs
Kod parçacıkları
CSS
:root {
--pickled-radish: #ee1144;
--pickled-radish-rgb: 238 17 68;
--pickled-radish-oklch: oklch(0.605 0.237 19.2);
}
.element {
color: var(--pickled-radish);
background-color: hsl(346 87% 50%);
border-color: oklch(0.605 0.237 19.2);
}Tailwind CSS v4
@theme {
--color-pickled-radish: #ee1144;
--color-pickled-radish-50: #ffdbd8;
--color-pickled-radish-100: #ffc8c5;
--color-pickled-radish-200: #ffa9a8;
--color-pickled-radish-300: #ff7d81;
--color-pickled-radish-400: #ff4e64;
--color-pickled-radish-500: #fd0041;
--color-pickled-radish-600: #d50038;
--color-pickled-radish-700: #ac002c;
--color-pickled-radish-800: #800022;
--color-pickled-radish-900: #5b0117;
--color-pickled-radish-950: #3d0008;
}SCSS
$pickled-radish: #ee1144;
$pickled-radish-rgb: 238, 17, 68;
$pickled-radish-light: mix(#fff, $pickled-radish, 20%);
$pickled-radish-dark: mix(#000, $pickled-radish, 20%);
.element {
color: $pickled-radish;
box-shadow: 0 0 0 2px rgba($pickled-radish, 0.35);
}