Couleur nommée · #EE1144
Pickled Radish
Pickled Radish correspond à #EE1144 : rgb(238 17 68), hsl(346 87% 50%), oklch(0.605 0.237 19.2). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Pickled Radish color name →
#EE1144
oklch(0.605 0.237 19.2)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- F34157
- F85D69
- FC747B
- FF8A8D
- FF9FA0
- FFB2B2
- FFC6C5
- FFD9D8
- FFECEC
Ombres
- CF0D3A
- B10930
- 930626
- 77041D
- 5C0214
- 42010C
- 2A0005
- 140002
- 030000
Tons
- E5304B
- DB4152
- D24E58
- C8585E
- BD6164
- B2696A
- A76F70
- 9B7575
- 8E7B7B
Harmonies de couleurs
Complémentaire +180°
- EE1144
Pickled Radish
- 009499
≈ Peacock Feather
Analogue -30° +30°
- EE1144
Pickled Radish
- DE2197
≈ Myoga Purple
- CB5D00
≈ Rusty Orange
Triadique +120° +240°
- EE1144
Pickled Radish
- 369B00
≈ Planter
- 1E79FF
≈ Clear Blue
Complémentaire divisée +150° +210°
- EE1144
Pickled Radish
- 009875
≈ Cadaverous
- 008EBA
≈ Hawaiian Ocean
Tétradique +90° +180° +270°
- EE1144
Pickled Radish
- 888700
≈ Palak Paneer
- 009499
≈ Peacock Feather
- 845BFF
≈ Purple Honeycreeper
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.37:1 · APCA Lc 68
Ag
AASur noir
WCAG 4.79:1 · APCA Lc 34
Meilleure couleur de texte: #000000
WCAG 4.79:1 (AA) · APCA Lc 34
Contrast pairs
Extraits de code
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);
}