Couleur nommée la plus proche · #99DFBE
#99DFBE
Couleur nommée la plus proche: Cabbage
#99DFBE (rgb(153 223 190), hsl(152 52% 74%), oklch(0.848 0.084 163.6)) est la plus proche de la couleur nommée Cabbage. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#99DFBE
oklch(0.848 0.084 163.6)
Conversions de couleur
- HEX
- #99dfbe
- RGB
- rgb(153 223 190)
- HSL
- hsl(152 52% 74%)
- HWB
- hwb(152 60% 13%)
- OKLCH
- oklch(0.848 0.084 163.6)
- OKLab
- oklab(0.848 -0.081 0.024)
- CIE Lab
- lab(83.5 -28.05 8.9)
- LCH
- lch(83.5 29.43 162.4)
- CMYK
- cmyk(31% 0% 15% 13%)
Teintes · Ombres · Tons
Teintes
- A4E2C4
- AFE6CB
- B9E9D1
- C3ECD8
- CDEFDE
- D8F3E5
- E1F6EB
- EBF9F2
- F5FCF8
Ombres
- 84C2A5
- 70A58C
- 5D8A75
- 4A6F5E
- 385648
- 273D33
- 17271F
- 08120D
- 010202
Tons
- 97D5B8
- 95CBB1
- 93C2AB
- 91B8A5
- 8EAF9F
- 8CA598
- 899C92
- 86928C
- 838986
Harmonies de couleurs
Complémentaire +180°
- 99DFBE
Cabbage
- F5B8DB
≈ Manga Pink
Analogue -30° +30°
- 99DFBE
Cabbage
- B7DAA1
≈ Embroidered Silk
- 88DFDD
≈ Cold Blue
Triadique +120° +240°
- 99DFBE
Cabbage
- C6C7FF
≈ Light Periwinkle
- FDBCA1
≈ Pallid Orange
Complémentaire divisée +150° +210°
- 99DFBE
Cabbage
- E1BDF5
≈ Beefy Pink
- FFB7BD
≈ Matt Pink
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.53:1 · APCA Lc 25
Ag
AAASur noir
WCAG 13.65:1 · APCA Lc 78
Meilleure couleur de texte: #000000
WCAG 13.65:1 (AAA) · APCA Lc 78
Contrast pairs
Extraits de code
CSS
:root {
--cabbage: #99dfbe;
--cabbage-rgb: 153 223 190;
--cabbage-oklch: oklch(0.848 0.084 163.6);
}
.element {
color: var(--cabbage);
background-color: hsl(152 52% 74%);
border-color: oklch(0.848 0.084 163.6);
}Tailwind CSS v4
@theme {
--color-cabbage: #99dfbe;
--color-cabbage-50: #e0fdef;
--color-cabbage-100: #cff1e1;
--color-cabbage-200: #b3e0cc;
--color-cabbage-300: #8ec6ad;
--color-cabbage-400: #6eae91;
--color-cabbage-500: #4a9877;
--color-cabbage-600: #408065;
--color-cabbage-700: #336750;
--color-cabbage-800: #254b39;
--color-cabbage-900: #193427;
--color-cabbage-950: #092015;
}SCSS
$cabbage: #99dfbe;
$cabbage-rgb: 153, 223, 190;
$cabbage-light: mix(#fff, $cabbage, 20%);
$cabbage-dark: mix(#000, $cabbage, 20%);
.element {
color: $cabbage;
box-shadow: 0 0 0 2px rgba($cabbage, 0.35);
}