Named color · #D2ADB5
Strawberry Latte
Strawberry Latte is #D2ADB5: rgb(210 173 181), hsl(347 29% 75%), oklch(0.783 0.044 3.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Strawberry Latte color name →
#D2ADB5
oklch(0.783 0.044 3.6)
Color conversions
- HEX
- #d2adb5
- RGB
- rgb(210 173 181)
- HSL
- hsl(347 29% 75%)
- HWB
- hwb(347 68% 18%)
- OKLCH
- oklch(0.783 0.044 3.6)
- OKLab
- oklab(0.783 0.044 0.003)
- CIE Lab
- lab(74.25 14.83 1.22)
- LCH
- lch(74.25 14.88 4.7)
- CMYK
- cmyk(0% 18% 14% 18%)
Tints · Shades · Tones
Tints
- D7B5BC
- DBBDC3
- E0C5CB
- E4CDD2
- E9D5D9
- EDDEE1
- F2E6E8
- F6EEF0
- FBF7F7
Shades
- B6969D
- 9B7F86
- 816A6F
- 685559
- 504144
- 392D30
- 241B1D
- 100B0C
- 020102
Tones
- CAA8B0
- C1A4AA
- B99FA5
- B19B9F
- A9969A
- A09295
- 988D90
- 90898A
- 888485
Color harmonies
Complementary +180°
- D2ADB5
Strawberry Latte
- 99C2BB
≈ Pitter Patter
Analogous -30° +30°
- D2ADB5
Strawberry Latte
- CBAEC4
≈ Winsome Orchid
- D3AFA6
≈ Sandpaper
Triadic +120° +240°
- D2ADB5
Strawberry Latte
- B2BD9F
≈ Jade Cameo
- A1BCD3
≈ Angel Falls
Split-complementary +150° +210°
- D2ADB5
Strawberry Latte
- A3C1AB
≈ Cambridge Blue
- 98C0C9
≈ Rest Assured
Tetradic +90° +180° +270°
- D2ADB5
Strawberry Latte
- C1B899
≈ Distant Valley
- 99C2BB
≈ Pitter Patter
- AFB7D5
≈ Over the Moon
Contrast & accessibility
Ag
FailOn white
WCAG 2.02:1 · APCA Lc 39
Ag
AAAOn black
WCAG 10.38:1 · APCA Lc 63
Best text color: #000000
WCAG 10.38:1 (AAA) · APCA Lc 63
Contrast pairs
Code snippets
CSS
:root {
--strawberry-latte: #d2adb5;
--strawberry-latte-rgb: 210 173 181;
--strawberry-latte-oklch: oklch(0.783 0.044 3.6);
}
.element {
color: var(--strawberry-latte);
background-color: hsl(347 29% 75%);
border-color: oklch(0.783 0.044 3.6);
}Tailwind CSS v4
@theme {
--color-strawberry-latte: #d2adb5;
--color-strawberry-latte-50: #fff0f3;
--color-strawberry-latte-100: #f6e2e6;
--color-strawberry-latte-200: #e6cdd1;
--color-strawberry-latte-300: #ccaeb4;
--color-strawberry-latte-400: #b6949b;
--color-strawberry-latte-500: #a07a83;
--color-strawberry-latte-600: #88686f;
--color-strawberry-latte-700: #6d5359;
--color-strawberry-latte-800: #503c41;
--color-strawberry-latte-900: #38292d;
--color-strawberry-latte-950: #22171a;
}SCSS
$strawberry-latte: #d2adb5;
$strawberry-latte-rgb: 210, 173, 181;
$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);
}