Couleur nommée la plus proche · #CB0099
#CB0099
Couleur nommée la plus proche: Jealous Jellyfish
#CB0099 (rgb(203 0 153), hsl(315 100% 40%), oklch(0.564 0.241 343.3)) est la plus proche de la couleur nommée Jealous Jellyfish. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#CB0099
oklch(0.564 0.241 343.3)
Conversions de couleur
- HEX
- #cb0099
- RGB
- rgb(203 0 153)
- HSL
- hsl(315 100% 40%)
- HWB
- hwb(315 0% 20%)
- OKLCH
- oklch(0.564 0.241 343.3)
- OKLab
- oklab(0.564 0.231 -0.07)
- CIE Lab
- lab(45.93 74.09 -24.96)
- LCH
- lch(45.93 78.18 341.4)
- CMYK
- cmyk(0% 100% 25% 20%)
Teintes · Ombres · Tons
Teintes
- D338A3
- DB54AD
- E26DB8
- E883C2
- EE98CC
- F3ADD6
- F7C2E0
- FAD6EB
- FDEBF5
Ombres
- B00084
- 960070
- 7D005D
- 65004A
- 4D0038
- 370027
- 220017
- 0F0008
- 020001
Tons
- C52797
- BF3A94
- B94792
- B25290
- AB5B8D
- A4648B
- 9C6C88
- 937385
- 8A7A83
Harmonies de couleurs
Complémentaire +180°
- CB0099
Jealous Jellyfish
- 008B61
≈ Chagall Green
Analogue -30° +30°
- CB0099
Jealous Jellyfish
- A531D6
≈ Telemagenta
- D9004E
≈ UA Red
Triadique +120° +240°
- CB0099
Jealous Jellyfish
- 827800
≈ Tool Green
- 0082A3
≈ Ahoy! Blue
Complémentaire divisée +150° +210°
- CB0099
Jealous Jellyfish
- 4D8800
≈ Pesto Alla Genovese
- 008785
≈ Green Lapis
Tétradique +90° +180° +270°
- CB0099
Jealous Jellyfish
- 9F6800
≈ Cumin Ochre
- 008B61
≈ Chagall Green
- 0075D8
≈ Bright Navy Blue
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.25:1 · APCA Lc 73
Ag
FailSur noir
WCAG 3.99:1 · APCA Lc 28
Meilleure couleur de texte: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 73
Contrast pairs
Extraits de code
CSS
:root {
--jealous-jellyfish: #cb0099;
--jealous-jellyfish-rgb: 203 0 153;
--jealous-jellyfish-oklch: oklch(0.564 0.241 343.3);
}
.element {
color: var(--jealous-jellyfish);
background-color: hsl(315 100% 40%);
border-color: oklch(0.564 0.241 343.3);
}Tailwind CSS v4
@theme {
--color-jealous-jellyfish: #cb0099;
--color-jealous-jellyfish-50: #ffdaff;
--color-jealous-jellyfish-100: #ffc7fa;
--color-jealous-jellyfish-200: #ffa8eb;
--color-jealous-jellyfish-300: #ff7ed3;
--color-jealous-jellyfish-400: #f853c2;
--color-jealous-jellyfish-500: #e600ae;
--color-jealous-jellyfish-600: #c30f93;
--color-jealous-jellyfish-700: #9d0e76;
--color-jealous-jellyfish-800: #74095a;
--color-jealous-jellyfish-900: #52073f;
--color-jealous-jellyfish-950: #360028;
}SCSS
$jealous-jellyfish: #cb0099;
$jealous-jellyfish-rgb: 203, 0, 153;
$jealous-jellyfish-light: mix(#fff, $jealous-jellyfish, 20%);
$jealous-jellyfish-dark: mix(#000, $jealous-jellyfish, 20%);
.element {
color: $jealous-jellyfish;
box-shadow: 0 0 0 2px rgba($jealous-jellyfish, 0.35);
}