Nearest named color · #D4B5BB
#D4B5BB
Nearest named color: Strawberry Latte
#D4B5BB (rgb(212 181 187), hsl(348 26% 77%), oklch(0.802 0.037 4.8)) is closest to the named color Strawberry Latte. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D4B5BB
oklch(0.802 0.037 4.8)
Color conversions
- HEX
- #d4b5bb
- RGB
- rgb(212 181 187)
- HSL
- hsl(348 26% 77%)
- HWB
- hwb(348 71% 17%)
- OKLCH
- oklch(0.802 0.037 4.8)
- OKLab
- oklab(0.802 0.036 0.003)
- CIE Lab
- lab(76.55 12.23 1.3)
- LCH
- lch(76.55 12.3 6.1)
- CMYK
- cmyk(0% 15% 12% 17%)
Tints · Shades · Tones
Tints
- D8BCC2
- DDC3C8
- E1CBCF
- E5D2D6
- EADADD
- EEE1E3
- F2E8EA
- F7F0F1
- FBF7F8
Shades
- B89DA2
- 9D868A
- 836F73
- 69595C
- 514446
- 3A3032
- 241D1F
- 100C0D
- 020202
Tones
- CBB0B5
- C3AAAF
- BAA5A9
- B29FA3
- A99A9D
- A19597
- 999091
- 908A8B
- 888586
Color harmonies
Complementary +180°
- D4B5BB
Strawberry Latte
- A5C6C1
≈ Peppermint Pie
Analogous -30° +30°
- D4B5BB
Strawberry Latte
- CEB6C8
≈ Janey’s Party
- D5B6AF
≈ Oyster Pink
Triadic +120° +240°
- D4B5BB
Strawberry Latte
- B9C3A9
≈ Healing Retreat
- ABC1D5
≈ Airway
Split-complementary +150° +210°
- D4B5BB
Strawberry Latte
- ADC6B4
≈ Zanah
- A5C5CD
≈ Salt Spray
Tetradic +90° +180° +270°
- D4B5BB
Strawberry Latte
- C5BEA4
≈ Celery Powder
- A5C6C1
≈ Peppermint Pie
- B7BDD6
≈ Hazy Sky
Contrast & accessibility
Ag
FailOn white
WCAG 1.88:1 · APCA Lc 36
Ag
AAAOn black
WCAG 11.12:1 · APCA Lc 67
Best text color: #000000
WCAG 11.12:1 (AAA) · APCA Lc 67
Contrast pairs
Code snippets
CSS
:root {
--strawberry-latte: #d4b5bb;
--strawberry-latte-rgb: 212 181 187;
--strawberry-latte-oklch: oklch(0.802 0.037 4.8);
}
.element {
color: var(--strawberry-latte);
background-color: hsl(348 26% 77%);
border-color: oklch(0.802 0.037 4.8);
}Tailwind CSS v4
@theme {
--color-strawberry-latte: #d4b5bb;
--color-strawberry-latte-50: #fff1f3;
--color-strawberry-latte-100: #f4e3e6;
--color-strawberry-latte-200: #e3ced1;
--color-strawberry-latte-300: #c9b0b4;
--color-strawberry-latte-400: #b2969b;
--color-strawberry-latte-500: #9c7c83;
--color-strawberry-latte-600: #84696f;
--color-strawberry-latte-700: #6a5459;
--color-strawberry-latte-800: #4e3d41;
--color-strawberry-latte-900: #362a2d;
--color-strawberry-latte-950: #21181a;
}SCSS
$strawberry-latte: #d4b5bb;
$strawberry-latte-rgb: 212, 181, 187;
$strawberry-latte-light: mix(#fff, $strawberry-latte, 20%);
$strawberry-latte-dark: mix(#000, $strawberry-latte, 20%);
.element {
color: $strawberry-latte;
box-shadow: 0 0 0 2px rgba($strawberry-latte, 0.35);
}