Colore con nome · #E6CDB5
Ginseng Root
Ginseng Root è #E6CDB5: rgb(230 205 181), hsl(29 49% 81%), oklch(0.863 0.043 66.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Ginseng Root color name →
#E6CDB5
oklch(0.863 0.043 66.1)
Conversioni di colore
- HEX
- #e6cdb5
- RGB
- rgb(230 205 181)
- HSL
- hsl(29 49% 81%)
- HWB
- hwb(29 71% 10%)
- OKLCH
- oklch(0.863 0.043 66.1)
- OKLab
- oklab(0.863 0.017 0.039)
- CIE Lab
- lab(84.06 6.29 15.36)
- LCH
- lch(84.06 16.6 67.7)
- CMYK
- cmyk(0% 11% 21% 10%)
Tinte · Ombre · Toni
Tinte
- E9D2BC
- EBD7C4
- EEDCCB
- F0E1D2
- F3E6DA
- F5EBE1
- F8F0E9
- FAF5F0
- FDFAF8
Ombre
- C8B29D
- AB9886
- 8E7E6F
- 736659
- 594E44
- 403830
- 28231D
- 130F0C
- 030202
Toni
- DBC5B0
- D1BDAA
- C6B5A5
- BCAEA0
- B2A69A
- A89E95
- 9E9690
- 948F8A
- 8A8785
Armonie di colore
Complementare +180°
- E6CDB5
Ginseng Root
- BCD5ED
≈ Summer Birthday
Analogo -30° +30°
- E6CDB5
Ginseng Root
- ECC9BF
≈ Harmony
- DAD2B3
≈ Chinese Silk
Triadico +120° +240°
- E6CDB5
Ginseng Root
- B3DCD6
≈ Catch the Wave
- D9CBE9
≈ Plum’s the Word
Complementare divisa +150° +210°
- E6CDB5
Ginseng Root
- B3DAE4
≈ Blue Shimmer
- CAD0EF
≈ Frozen Periwinkle
Tetradico +90° +180° +270°
- E6CDB5
Ginseng Root
- BCDBC6
≈ Green Grapes
- BCD5ED
≈ Summer Birthday
- E5C8DD
≈ Kiss Good Night
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.52:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.76:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.76:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--ginseng-root: #e6cdb5;
--ginseng-root-rgb: 230 205 181;
--ginseng-root-oklch: oklch(0.863 0.043 66.1);
}
.element {
color: var(--ginseng-root);
background-color: hsl(29 49% 81%);
border-color: oklch(0.863 0.043 66.1);
}Tailwind CSS v4
@theme {
--color-ginseng-root: #e6cdb5;
--color-ginseng-root-50: #fef3e8;
--color-ginseng-root-100: #f2e6d9;
--color-ginseng-root-200: #e1d1c1;
--color-ginseng-root-300: #c7b4a1;
--color-ginseng-root-400: #b09a84;
--color-ginseng-root-500: #9a8168;
--color-ginseng-root-600: #826d59;
--color-ginseng-root-700: #685747;
--color-ginseng-root-800: #4d3f33;
--color-ginseng-root-900: #362c23;
--color-ginseng-root-950: #211912;
}SCSS
$ginseng-root: #e6cdb5;
$ginseng-root-rgb: 230, 205, 181;
$ginseng-root-light: mix(#fff, $ginseng-root, 20%);
$ginseng-root-dark: mix(#000, $ginseng-root, 20%);
.element {
color: $ginseng-root;
box-shadow: 0 0 0 2px rgba($ginseng-root, 0.35);
}