Color con nombre · #D8E6CB
Great Joy
Great Joy es #D8E6CB: rgb(216 230 203), hsl(91 35% 85%), oklch(0.907 0.039 129.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Great Joy color name →
#D8E6CB
oklch(0.907 0.039 129.7)
Conversiones de color
- HEX
- #d8e6cb
- RGB
- rgb(216 230 203)
- HSL
- hsl(91 35% 85%)
- HWB
- hwb(91 80% 10%)
- OKLCH
- oklch(0.907 0.039 129.7)
- OKLab
- oklab(0.907 -0.025 0.03)
- CIE Lab
- lab(89.69 -8.4 11.53)
- LCH
- lch(89.69 14.27 126.1)
- CMYK
- cmyk(6% 0% 12% 10%)
Tintes · Sombras · Tonos
Tintes
- DCE9D0
- E0EBD5
- E4EEDB
- E7F0E0
- EBF3E5
- EFF5EA
- F3F8EF
- F7FAF5
- FBFDFA
Sombras
- BCC8B0
- A0AB96
- 858E7D
- 6B7365
- 53594D
- 3B4037
- 252822
- 11130F
- 020302
Tonos
- CFDBC3
- C6D1BC
- BDC6B4
- B4BCAC
- ABB2A5
- A2A89D
- 9A9D96
- 91948F
- 888A87
Armonías de color
Complementario +180°
- D8E6CB
Great Joy
- E8DAF4
≈ Pouty Purple
Análogo -30° +30°
- D8E6CB
Great Joy
- E6E1C4
≈ Ineffable Linen
- CBE9D7
≈ Glacial Water Green
Triádico +120° +240°
- D8E6CB
Great Joy
- CDE3FA
≈ Salty Ice
- F9D6DA
≈ Barely Pink
Complementario dividido +150° +210°
- D8E6CB
Great Joy
- DADEFB
≈ Nostalgia Perfume
- F3D7E9
≈ Nursery Pink
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.30:1 · APCA Lc 15
Ag
AAASobre negro
WCAG 16.10:1 · APCA Lc 89
Mejor color de texto: #000000
WCAG 16.10:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmentos de código
CSS
:root {
--great-joy: #d8e6cb;
--great-joy-rgb: 216 230 203;
--great-joy-oklch: oklch(0.907 0.039 129.7);
}
.element {
color: var(--great-joy);
background-color: hsl(91 35% 85%);
border-color: oklch(0.907 0.039 129.7);
}Tailwind CSS v4
@theme {
--color-great-joy: #d8e6cb;
--color-great-joy-50: #f1f8ec;
--color-great-joy-100: #e3ebdd;
--color-great-joy-200: #ced8c7;
--color-great-joy-300: #b0bca7;
--color-great-joy-400: #97a38b;
--color-great-joy-500: #7e8c70;
--color-great-joy-600: #6b765f;
--color-great-joy-700: #555f4c;
--color-great-joy-800: #3e4537;
--color-great-joy-900: #2b3025;
--color-great-joy-950: #181c14;
}SCSS
$great-joy: #d8e6cb;
$great-joy-rgb: 216, 230, 203;
$great-joy-light: mix(#fff, $great-joy, 20%);
$great-joy-dark: mix(#000, $great-joy, 20%);
.element {
color: $great-joy;
box-shadow: 0 0 0 2px rgba($great-joy, 0.35);
}