Couleur nommée la plus proche · #D9E3D0
#D9E3D0
Couleur nommée la plus proche: Homoeopathic Green
#D9E3D0 (rgb(217 227 208), hsl(92 25% 85%), oklch(0.903 0.028 129.8)) est la plus proche de la couleur nommée Homoeopathic Green. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D9E3D0
oklch(0.903 0.028 129.8)
Conversions de couleur
- HEX
- #d9e3d0
- RGB
- rgb(217 227 208)
- HSL
- hsl(92 25% 85%)
- HWB
- hwb(92 82% 11%)
- OKLCH
- oklch(0.903 0.028 129.8)
- OKLab
- oklab(0.903 -0.018 0.021)
- CIE Lab
- lab(89.08 -5.99 8.1)
- LCH
- lch(89.08 10.08 126.5)
- CMYK
- cmyk(4% 0% 8% 11%)
Teintes · Ombres · Tons
Teintes
- DDE6D5
- E1E9D9
- E4EBDE
- E8EEE3
- ECF1E7
- F0F4EC
- F3F7F1
- F7F9F6
- FBFCFA
Ombres
- BCC5B5
- A1A89A
- 868C80
- 6C7167
- 53574F
- 3B3F39
- 252723
- 111210
- 020302
Tons
- D0D9C8
- C7CEBF
- BDC4B7
- B4BAAF
- ABB0A7
- A3A69F
- 9A9D97
- 91938F
- 898988
Harmonies de couleurs
Complémentaire +180°
- D9E3D0
Homoeopathic Green
- E5DAED
≈ Princess Fairy Tale
Analogue -30° +30°
- D9E3D0
Homoeopathic Green
- E3E0CB
≈ Persian Blinds
- D0E5D9
≈ Summer Breeze
Triadique +120° +240°
- D9E3D0
Homoeopathic Green
- D2E1F1
≈ Weathered Blue
- F1D8DB
≈ Funhouse
Complémentaire divisée +150° +210°
- D9E3D0
Homoeopathic Green
- DBDDF2
≈ Chinese Silver
- ECD8E5
≈ Mountain Heather
Tétradique +90° +180° +270°
- D9E3D0
Homoeopathic Green
- CCE4EC
≈ Sapphireberry
- E5DAED
≈ Princess Fairy Tale
- F0D9D2
≈ Touch of Tan
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.32:1 · APCA Lc 16
Ag
AAASur noir
WCAG 15.84:1 · APCA Lc 88
Meilleure couleur de texte: #000000
WCAG 15.84:1 (AAA) · APCA Lc 88
Contrast pairs
Extraits de code
CSS
:root {
--homoeopathic-green: #d9e3d0;
--homoeopathic-green-rgb: 217 227 208;
--homoeopathic-green-oklch: oklch(0.903 0.028 129.8);
}
.element {
color: var(--homoeopathic-green);
background-color: hsl(92 25% 85%);
border-color: oklch(0.903 0.028 129.8);
}Tailwind CSS v4
@theme {
--color-homoeopathic-green: #d9e3d0;
--color-homoeopathic-green-50: #f2f7ef;
--color-homoeopathic-green-100: #e4eae1;
--color-homoeopathic-green-200: #d0d7cb;
--color-homoeopathic-green-300: #b2bbac;
--color-homoeopathic-green-400: #99a291;
--color-homoeopathic-green-500: #808a77;
--color-homoeopathic-green-600: #6d7565;
--color-homoeopathic-green-700: #575d51;
--color-homoeopathic-green-800: #40443a;
--color-homoeopathic-green-900: #2c2f28;
--color-homoeopathic-green-950: #191c16;
}SCSS
$homoeopathic-green: #d9e3d0;
$homoeopathic-green-rgb: 217, 227, 208;
$homoeopathic-green-light: mix(#fff, $homoeopathic-green, 20%);
$homoeopathic-green-dark: mix(#000, $homoeopathic-green, 20%);
.element {
color: $homoeopathic-green;
box-shadow: 0 0 0 2px rgba($homoeopathic-green, 0.35);
}