Couleur nommée la plus proche · #E992AC
#E992AC
Couleur nommée la plus proche: Pomelo Red
#E992AC (rgb(233 146 172), hsl(342 66% 74%), oklch(0.756 0.109 0.7)) est la plus proche de la couleur nommée Pomelo Red. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E992AC
oklch(0.756 0.109 0.7)
Conversions de couleur
- HEX
- #e992ac
- RGB
- rgb(233 146 172)
- HSL
- hsl(342 66% 74%)
- HWB
- hwb(342 57% 9%)
- OKLCH
- oklch(0.756 0.109 0.7)
- OKLab
- oklab(0.756 0.109 0.001)
- CIE Lab
- lab(70.34 36.13 0.94)
- LCH
- lch(70.34 36.14 1.5)
- CMYK
- cmyk(0% 37% 26% 9%)
Teintes · Ombres · Tons
Teintes
- EC9DB4
- EFA8BC
- F2B3C4
- F4BECC
- F7C9D5
- F9D3DD
- FBDEE5
- FCE9EE
- FEF4F6
Ombres
- CB7E95
- AD6B7F
- 905869
- 744654
- 5A3540
- 41252D
- 29161B
- 13080B
- 030101
Tons
- DF91A7
- D48FA3
- CA8D9F
- BF8C9A
- B58A96
- AB8891
- A0868D
- 968489
- 8B8284
Harmonies de couleurs
Complémentaire +180°
- E992AC
Pomelo Red
- 51C6B3
≈ Cockatoo
Analogue -30° +30°
- E992AC
Pomelo Red
- D896D0
≈ Girl Power
- ED9586
≈ Guava Jelly
Triadique +120° +240°
- E992AC
Pomelo Red
- A6BA69
≈ Beach Bag
- 6CB9EE
≈ Norfolk Sky
Complémentaire divisée +150° +210°
- E992AC
Pomelo Red
- 7AC48C
≈ Felt Green
- 4AC2D7
≈ Naxos Sky
Tétradique +90° +180° +270°
- E992AC
Pomelo Red
- CAAD59
≈ Hay Wain
- 51C6B3
≈ Cockatoo
- 96ACF6
≈ Kitten’s Eye
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.28:1 · APCA Lc 45
Ag
AAASur noir
WCAG 9.17:1 · APCA Lc 57
Meilleure couleur de texte: #000000
WCAG 9.17:1 (AAA) · APCA Lc 57
Contrast pairs
Extraits de code
CSS
:root {
--pomelo-red: #e992ac;
--pomelo-red-rgb: 233 146 172;
--pomelo-red-oklch: oklch(0.756 0.109 0.7);
}
.element {
color: var(--pomelo-red);
background-color: hsl(342 66% 74%);
border-color: oklch(0.756 0.109 0.7);
}Tailwind CSS v4
@theme {
--color-pomelo-red: #e992ac;
--color-pomelo-red-50: #ffe9f2;
--color-pomelo-red-100: #ffd9e4;
--color-pomelo-red-200: #fdc1d0;
--color-pomelo-red-300: #e7a0b2;
--color-pomelo-red-400: #d4829b;
--color-pomelo-red-500: #c06582;
--color-pomelo-red-600: #a2566e;
--color-pomelo-red-700: #824458;
--color-pomelo-red-800: #603142;
--color-pomelo-red-900: #44212d;
--color-pomelo-red-950: #2b101a;
}SCSS
$pomelo-red: #e992ac;
$pomelo-red-rgb: 233, 146, 172;
$pomelo-red-light: mix(#fff, $pomelo-red, 20%);
$pomelo-red-dark: mix(#000, $pomelo-red, 20%);
.element {
color: $pomelo-red;
box-shadow: 0 0 0 2px rgba($pomelo-red, 0.35);
}