Colore con nome · #CDD9BB
Spring Joy
Spring Joy è #CDD9BB: rgb(205 217 187), hsl(84 28% 79%), oklch(0.868 0.042 125.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Spring Joy color name →
#CDD9BB
oklch(0.868 0.042 125.1)
Conversioni di colore
- HEX
- #cdd9bb
- RGB
- rgb(205 217 187)
- HSL
- hsl(84 28% 79%)
- HWB
- hwb(84 73% 15%)
- OKLCH
- oklch(0.868 0.042 125.1)
- OKLab
- oklab(0.868 -0.024 0.035)
- CIE Lab
- lab(85.17 -8.13 13.39)
- LCH
- lch(85.17 15.67 121.3)
- CMYK
- cmyk(6% 0% 14% 15%)
Tinte · Ombre · Toni
Tinte
- D2DDC2
- D7E1C8
- DCE4CF
- E1E8D6
- E6ECDD
- EBF0E4
- F0F4EA
- F5F7F1
- FAFBF8
Ombre
- B2BCA2
- 98A18A
- 7E8673
- 666C5C
- 4E5346
- 383B32
- 23251F
- 0F110D
- 020202
Toni
- C5D0B5
- BDC7AF
- B5BDA9
- ADB4A3
- A6AB9D
- 9EA397
- 969A91
- 8F918C
- 878986
Armonie di colore
Complementare +180°
- CDD9BB
Spring Joy
- DACDEB
≈ Plum’s the Word
Analogo -30° +30°
- CDD9BB
Spring Joy
- DCD4B5
≈ New Growth
- BFDCC8
≈ Green Grapes
Triadico +120° +240°
- CDD9BB
Spring Joy
- BDD7EE
≈ Delicate Blue Mist
- EDC9D0
≈ Cake Pop
Complementare divisa +150° +210°
- CDD9BB
Spring Joy
- CBD2F0
≈ Frozen Periwinkle
- E6CADF
≈ Wisteria Whisper
Tetradico +90° +180° +270°
- CDD9BB
Spring Joy
- B5DBE5
≈ Blue Shimmer
- DACDEB
≈ Plum’s the Word
- EECAC1
≈ Harmony
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.47:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.23:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.23:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--spring-joy: #cdd9bb;
--spring-joy-rgb: 205 217 187;
--spring-joy-oklch: oklch(0.868 0.042 125.1);
}
.element {
color: var(--spring-joy);
background-color: hsl(84 28% 79%);
border-color: oklch(0.868 0.042 125.1);
}Tailwind CSS v4
@theme {
--color-spring-joy: #cdd9bb;
--color-spring-joy-50: #f2f8eb;
--color-spring-joy-100: #e4ebdc;
--color-spring-joy-200: #cfd8c5;
--color-spring-joy-300: #b1bca5;
--color-spring-joy-400: #98a388;
--color-spring-joy-500: #808b6d;
--color-spring-joy-600: #6c765c;
--color-spring-joy-700: #565e4a;
--color-spring-joy-800: #3f4535;
--color-spring-joy-900: #2c3024;
--color-spring-joy-950: #191c13;
}SCSS
$spring-joy: #cdd9bb;
$spring-joy-rgb: 205, 217, 187;
$spring-joy-light: mix(#fff, $spring-joy, 20%);
$spring-joy-dark: mix(#000, $spring-joy, 20%);
.element {
color: $spring-joy;
box-shadow: 0 0 0 2px rgba($spring-joy, 0.35);
}