Colore con nome · #C9E2CF
Enchanted
Enchanted è #C9E2CF: rgb(201 226 207), hsl(134 30% 84%), oklch(0.889 0.037 152.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Enchanted color name →
#C9E2CF
oklch(0.889 0.037 152.8)
Conversioni di colore
- HEX
- #c9e2cf
- RGB
- rgb(201 226 207)
- HSL
- hsl(134 30% 84%)
- HWB
- hwb(134 79% 11%)
- OKLCH
- oklch(0.889 0.037 152.8)
- OKLab
- oklab(0.889 -0.033 0.017)
- CIE Lab
- lab(87.63 -11.25 6.38)
- LCH
- lch(87.63 12.93 150.5)
- CMYK
- cmyk(11% 0% 8% 11%)
Tinte · Ombre · Toni
Tinte
- CEE5D4
- D4E8D8
- D9EBDD
- DFEEE2
- E4F0E7
- E9F3EC
- EFF6F0
- F4F9F5
- FAFCFA
Ombre
- AEC4B4
- 95A899
- 7C8C7F
- 647167
- 4C574F
- 363E38
- 222723
- 0F1210
- 020302
Toni
- C1D8C7
- BACEBF
- B3C4B7
- ABBAAF
- A4B0A7
- 9DA69F
- 959C97
- 8E938F
- 878988
Armonie di colore
Complementare +180°
- C9E2CF
Enchanted
- EAD2E5
≈ Champagne Elegance
Analogo -30° +30°
- C9E2CF
Enchanted
- D6DFC4
≈ Dream Seascape
- C1E3DC
≈ Tidewater
Triadico +120° +240°
- C9E2CF
Enchanted
- D2D9F4
≈ Flax Bloom
- F2D2CB
≈ Texas Rose
Complementare divisa +150° +210°
- C9E2CF
Enchanted
- DFD5EF
≈ Japan Blush
- F1D1D8
≈ Impatiens Petal
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.37:1 · APCA Lc 18
Ag
AAASu nero
WCAG 15.26:1 · APCA Lc 85
Miglior colore del testo: #000000
WCAG 15.26:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--enchanted: #c9e2cf;
--enchanted-rgb: 201 226 207;
--enchanted-oklch: oklch(0.889 0.037 152.8);
}
.element {
color: var(--enchanted);
background-color: hsl(134 30% 84%);
border-color: oklch(0.889 0.037 152.8);
}Tailwind CSS v4
@theme {
--color-enchanted: #c9e2cf;
--color-enchanted-50: #edf8f0;
--color-enchanted-100: #dfece2;
--color-enchanted-200: #c9d9cd;
--color-enchanted-300: #a9bdaf;
--color-enchanted-400: #8fa594;
--color-enchanted-500: #748e7b;
--color-enchanted-600: #627868;
--color-enchanted-700: #4f6053;
--color-enchanted-800: #39463c;
--color-enchanted-900: #273129;
--color-enchanted-950: #151d17;
}SCSS
$enchanted: #c9e2cf;
$enchanted-rgb: 201, 226, 207;
$enchanted-light: mix(#fff, $enchanted, 20%);
$enchanted-dark: mix(#000, $enchanted, 20%);
.element {
color: $enchanted;
box-shadow: 0 0 0 2px rgba($enchanted, 0.35);
}