Named color · #D4B3AA
Castilian Pink
Castilian Pink is #D4B3AA: rgb(212 179 170), hsl(13 33% 75%), oklch(0.793 0.04 35.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Castilian Pink color name →
#D4B3AA
oklch(0.793 0.04 35.7)
Color conversions
- HEX
- #d4b3aa
- RGB
- rgb(212 179 170)
- HSL
- hsl(13 33% 75%)
- HWB
- hwb(13 67% 17%)
- OKLCH
- oklch(0.793 0.04 35.7)
- OKLab
- oklab(0.793 0.033 0.024)
- CIE Lab
- lab(75.7 11.25 9.28)
- LCH
- lch(75.7 14.58 39.5)
- CMYK
- cmyk(0% 16% 20% 17%)
Tints · Shades · Tones
Tints
- D8BAB2
- DDC2BB
- E1C9C3
- E5D1CB
- EAD9D4
- EEE0DC
- F2E8E5
- F7F0EE
- FBF7F6
Shades
- B89B93
- 9D847D
- 836E68
- 695853
- 51433F
- 3A2F2D
- 241D1B
- 100C0B
- 020101
Tones
- CBAEA6
- C3A9A1
- BAA39D
- B29E99
- A99995
- A19491
- 998F8C
- 908A88
- 888584
Color harmonies
Complementary +180°
- D4B3AA
Castilian Pink
- 9FC3CC
≈ Alluring Blue
Analogous -30° +30°
- D4B3AA
Castilian Pink
- D4B1B8
≈ Floss
- CEB7A1
≈ Recycled
Triadic +120° +240°
- D4B3AA
Castilian Pink
- A8C4B1
≈ Kind Green
- B4BAD6
≈ Halogen Blue
Split-complementary +150° +210°
- D4B3AA
Castilian Pink
- 9FC4BF
≈ New-Age Green
- A7BFD4
≈ Simpatico Blue
Tetradic +90° +180° +270°
- D4B3AA
Castilian Pink
- B5C1A5
≈ Desolace Dew
- 9FC3CC
≈ Alluring Blue
- C2B5D1
≈ Plumeria
Contrast & accessibility
Ag
FailOn white
WCAG 1.93:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.82:1 · APCA Lc 65
Best text color: #000000
WCAG 10.82:1 (AAA) · APCA Lc 65
Contrast pairs
Code snippets
CSS
:root {
--castilian-pink: #d4b3aa;
--castilian-pink-rgb: 212 179 170;
--castilian-pink-oklch: oklch(0.793 0.04 35.7);
}
.element {
color: var(--castilian-pink);
background-color: hsl(13 33% 75%);
border-color: oklch(0.793 0.04 35.7);
}Tailwind CSS v4
@theme {
--color-castilian-pink: #d4b3aa;
--color-castilian-pink-50: #fff1ed;
--color-castilian-pink-100: #f5e4de;
--color-castilian-pink-200: #e5cfc8;
--color-castilian-pink-300: #cbb1a9;
--color-castilian-pink-400: #b5978e;
--color-castilian-pink-500: #9f7d74;
--color-castilian-pink-600: #866a62;
--color-castilian-pink-700: #6c554e;
--color-castilian-pink-800: #4f3e39;
--color-castilian-pink-900: #372a27;
--color-castilian-pink-950: #221815;
}SCSS
$castilian-pink: #d4b3aa;
$castilian-pink-rgb: 212, 179, 170;
$castilian-pink-light: mix(#fff, $castilian-pink, 20%);
$castilian-pink-dark: mix(#000, $castilian-pink, 20%);
.element {
color: $castilian-pink;
box-shadow: 0 0 0 2px rgba($castilian-pink, 0.35);
}