Nearest named color · #D5D7B0
#D5D7B0
Nearest named color: April Showers
#D5D7B0 (rgb(213 215 176), hsl(63 33% 77%), oklch(0.868 0.052 109.9)) is closest to the named color April Showers. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D5D7B0
oklch(0.868 0.052 109.9)
Color conversions
- HEX
- #d5d7b0
- RGB
- rgb(213 215 176)
- HSL
- hsl(63 33% 77%)
- HWB
- hwb(63 69% 16%)
- OKLCH
- oklch(0.868 0.052 109.9)
- OKLab
- oklab(0.868 -0.018 0.049)
- CIE Lab
- lab(85.07 -5.51 19.11)
- LCH
- lch(85.07 19.88 106.1)
- CMYK
- cmyk(1% 0% 18% 16%)
Tints · Shades · Tones
Tints
- D9DBB8
- DDDFC0
- E1E3C8
- E6E7D0
- EAEBD7
- EEEFDF
- F2F3E7
- F6F7EF
- FBFBF7
Shades
- B9BB99
- 9E9F82
- 83856C
- 6A6B56
- 515242
- 3A3B2E
- 24251C
- 10110B
- 020201
Tones
- CCCEAB
- C3C5A6
- BBBCA2
- B2B39D
- A9AB98
- A1A293
- 99998E
- 90918A
- 888885
Color harmonies
Complementary +180°
- D5D7B0
April Showers
- D2CEF4
≈ Miami White
Analogous -30° +30°
- D5D7B0
April Showers
- E6D0AE
≈ Chaparral
- C2DCBC
≈ Galway
Triadic +120° +240°
- D5D7B0
April Showers
- B1DBEF
≈ Soap Bubble
- EFC6D8
≈ Tussie-Mussie
Split-complementary +150° +210°
- D5D7B0
April Showers
- C0D5F6
≈ Mr. Glass
- E3C9E9
≈ Syrian Violet
Tetradic +90° +180° +270°
- D5D7B0
April Showers
- ACDEE1
≈ Blue Bauble
- D2CEF4
≈ Miami White
- F4C7C5
≈ English Rose
Contrast & accessibility
Ag
FailOn white
WCAG 1.48:1 · APCA Lc 23
Ag
AAAOn black
WCAG 14.17:1 · APCA Lc 81
Best text color: #000000
WCAG 14.17:1 (AAA) · APCA Lc 81
Contrast pairs
Code snippets
CSS
:root {
--april-showers: #d5d7b0;
--april-showers-rgb: 213 215 176;
--april-showers-oklch: oklch(0.868 0.052 109.9);
}
.element {
color: var(--april-showers);
background-color: hsl(63 33% 77%);
border-color: oklch(0.868 0.052 109.9);
}Tailwind CSS v4
@theme {
--color-april-showers: #d5d7b0;
--color-april-showers-50: #f5f7e6;
--color-april-showers-100: #e8ead6;
--color-april-showers-200: #d4d7be;
--color-april-showers-300: #b8ba9c;
--color-april-showers-400: #a0a27e;
--color-april-showers-500: #888a61;
--color-april-showers-600: #737453;
--color-april-showers-700: #5c5d42;
--color-april-showers-800: #44442f;
--color-april-showers-900: #2f2f20;
--color-april-showers-950: #1b1b0f;
}SCSS
$april-showers: #d5d7b0;
$april-showers-rgb: 213, 215, 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);
}