Couleur nommée la plus proche · #D2DCB0
#D2DCB0
Couleur nommée la plus proche: April Showers
#D2DCB0 (rgb(210 220 176), hsl(74 39% 78%), oklch(0.876 0.059 118)) est la plus proche de la couleur nommée April Showers. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D2DCB0
oklch(0.876 0.059 118)
Conversions de couleur
- HEX
- #d2dcb0
- RGB
- rgb(210 220 176)
- HSL
- hsl(74 39% 78%)
- HWB
- hwb(74 69% 14%)
- OKLCH
- oklch(0.876 0.059 118)
- OKLab
- oklab(0.876 -0.028 0.052)
- CIE Lab
- lab(86.15 -9.01 20.52)
- LCH
- lch(86.15 22.41 113.7)
- CMYK
- cmyk(5% 0% 20% 14%)
Teintes · Ombres · Tons
Teintes
- D6E0B8
- DBE3C0
- DFE7C8
- E4EAD0
- E8EED8
- EDF1DF
- F1F5E7
- F6F8EF
- FAFCF7
Ombres
- B6BF99
- 9BA382
- 81886C
- 686E56
- 505442
- 393C2E
- 24261C
- 10110B
- 020201
Tons
- C9D2AB
- C1C9A6
- B9C0A2
- B0B69D
- A8AD98
- A0A493
- 989B8F
- 90928A
- 888985
Harmonies de couleurs
Complémentaire +180°
- D2DCB0
April Showers
- DACEF9
≈ Pale Lavender
Analogue -30° +30°
- D2DCB0
April Showers
- E6D5AA
≈ Caramelised Pears
- BCE1C0
≈ Lattice Work
Triadique +120° +240°
- D2DCB0
April Showers
- B2DDF9
≈ Endless Horizon
- F8C6D6
≈ Utterly Pink
Complémentaire divisée +150° +210°
- D2DCB0
April Showers
- C5D5FE
≈ Pale Phthalo Blue
- ECC9EA
≈ Sugar High
Tétradique +90° +180° +270°
- D2DCB0
April Showers
- A8E2EB
≈ Blizzard Blue
- DACEF9
≈ Pale Lavender
- FBC8C0
≈ Dress Up
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.43:1 · APCA Lc 21
Ag
AAASur noir
WCAG 14.60:1 · APCA Lc 82
Meilleure couleur de texte: #000000
WCAG 14.60:1 (AAA) · APCA Lc 82
Contrast pairs
Extraits de code
CSS
:root {
--april-showers: #d2dcb0;
--april-showers-rgb: 210 220 176;
--april-showers-oklch: oklch(0.876 0.059 118);
}
.element {
color: var(--april-showers);
background-color: hsl(74 39% 78%);
border-color: oklch(0.876 0.059 118);
}Tailwind CSS v4
@theme {
--color-april-showers: #d2dcb0;
--color-april-showers-50: #f3f8e5;
--color-april-showers-100: #e5ebd5;
--color-april-showers-200: #d1d8bc;
--color-april-showers-300: #b3bc9b;
--color-april-showers-400: #9ba47c;
--color-april-showers-500: #828c5e;
--color-april-showers-600: #6e7650;
--color-april-showers-700: #585f40;
--color-april-showers-800: #41452d;
--color-april-showers-900: #2d301e;
--color-april-showers-950: #1a1c0e;
}SCSS
$april-showers: #d2dcb0;
$april-showers-rgb: 210, 220, 176;
$april-showers-light: mix(#fff, $april-showers, 20%);
$april-showers-dark: mix(#000, $april-showers, 20%);
.element {
color: $april-showers;
box-shadow: 0 0 0 2px rgba($april-showers, 0.35);
}