Couleur nommée · #D8F3D7
Light Carolina
Light Carolina correspond à #D8F3D7 : rgb(216 243 215), hsl(118 54% 90%), oklch(0.937 0.047 144.2). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Green mean? → · Light Carolina color name →
#D8F3D7
oklch(0.937 0.047 144.2)
Conversions de couleur
- HEX
- #d8f3d7
- RGB
- rgb(216 243 215)
- HSL
- hsl(118 54% 90%)
- HWB
- hwb(118 84% 5%)
- OKLCH
- oklch(0.937 0.047 144.2)
- OKLab
- oklab(0.937 -0.038 0.027)
- CIE Lab
- lab(93.3 -12.96 10.43)
- LCH
- lch(93.3 16.64 141.2)
- CMYK
- cmyk(11% 0% 12% 5%)
Teintes · Ombres · Tons
Teintes
- DCF4DB
- E0F5DF
- E4F7E3
- E8F8E7
- ECF9EB
- EFFAEF
- F3FBF3
- F7FDF7
- FBFEFB
Ombres
- BCD3BB
- A0B49F
- 859785
- 6B7A6B
- 535E52
- 3B443B
- 252B25
- 111411
- 020302
Tons
- CFE7CE
- C6DBC5
- BDCFBC
- B4C3B3
- ABB8AB
- A2ACA2
- 9AA199
- 919691
- 888B88
Harmonies de couleurs
Complémentaire +180°
- D8F3D7
Light Carolina
- FBE0FC
≈ Fairy Salt
Analogue -30° +30°
- D8F3D7
Light Carolina
- E9EECB
≈ Lime Coco Cake
- CBF5E8
≈ Shallow End
Triadique +120° +240°
- D8F3D7
Light Carolina
- E0EBFF
≈ Husky
- FFE3E0
≈ Misty Rose
Complémentaire divisée +150° +210°
- D8F3D7
Light Carolina
- EBE6FF
≈ Cyber Lavender
- FFE1EC
≈ Pale Blossom
Tétradique +90° +180° +270°
- D8F3D7
Light Carolina
- D4EFFF
≈ Ice Castle
- FBE0FC
≈ Fairy Salt
- FFE4D3
≈ Winthrop Peach
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.18:1 · APCA Lc 9
Ag
AAASur noir
WCAG 17.72:1 · APCA Lc 95
Meilleure couleur de texte: #000000
WCAG 17.72:1 (AAA) · APCA Lc 95
Contrast pairs
Extraits de code
CSS
:root {
--light-carolina: #d8f3d7;
--light-carolina-rgb: 216 243 215;
--light-carolina-oklch: oklch(0.937 0.047 144.2);
}
.element {
color: var(--light-carolina);
background-color: hsl(118 54% 90%);
border-color: oklch(0.937 0.047 144.2);
}Tailwind CSS v4
@theme {
--color-light-carolina: #d8f3d7;
--color-light-carolina-50: #edf9ed;
--color-light-carolina-100: #deecdf;
--color-light-carolina-200: #c8dac9;
--color-light-carolina-300: #a9bea9;
--color-light-carolina-400: #8ea68d;
--color-light-carolina-500: #748f73;
--color-light-carolina-600: #627961;
--color-light-carolina-700: #4e614e;
--color-light-carolina-800: #394738;
--color-light-carolina-900: #273126;
--color-light-carolina-950: #151d14;
}SCSS
$light-carolina: #d8f3d7;
$light-carolina-rgb: 216, 243, 215;
$light-carolina-light: mix(#fff, $light-carolina, 20%);
$light-carolina-dark: mix(#000, $light-carolina, 20%);
.element {
color: $light-carolina;
box-shadow: 0 0 0 2px rgba($light-carolina, 0.35);
}