Named color · #F1B19D
Stucco Wall
Stucco Wall is #F1B19D: rgb(241 177 157), hsl(14 75% 78%), oklch(0.815 0.08 38.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Stucco Wall color name →
#F1B19D
oklch(0.815 0.08 38.1)
Color conversions
- HEX
- #f1b19d
- RGB
- rgb(241 177 157)
- HSL
- hsl(14 75% 78%)
- HWB
- hwb(14 62% 5%)
- OKLCH
- oklch(0.815 0.08 38.1)
- OKLab
- oklab(0.815 0.063 0.05)
- CIE Lab
- lab(77.95 22.16 19.93)
- LCH
- lch(77.95 29.8 42)
- CMYK
- cmyk(0% 27% 35% 5%)
Tints · Shades · Tones
Tints
- F3B9A7
- F5C1B0
- F6C8BA
- F8D0C4
- FAD8CE
- FBE0D7
- FCE8E1
- FDEFEB
- FEF7F5
Shades
- D29988
- B38373
- 956C5F
- 79574C
- 5D423A
- 432F28
- 2B1C18
- 140C09
- 030101
Tones
- E5AC9A
- DAA797
- CFA295
- C39E92
- B8998F
- AD948C
- A28F89
- 968A86
- 8B8583
Color harmonies
Complementary +180°
- F1B19D
Stucco Wall
- 84D0E5
≈ Summer Splash
Analogous -30° +30°
- F1B19D
Stucco Wall
- F1ADB8
≈ Almond Blossom
- E6B98A
≈ Gold Vessel
Triadic +120° +240°
- F1B19D
Stucco Wall
- 96D3AF
≈ Vista Blue
- B6BEF7
≈ Purple Illusion
Split-complementary +150° +210°
- F1B19D
Stucco Wall
- 83D4CC
≈ Water Wings
- 99C8F5
≈ Honolulu
Tetradic +90° +180° +270°
- F1B19D
Stucco Wall
- B3CD95
≈ Greenhorn
- 84D0E5
≈ Summer Splash
- D1B5EB
≈ Connecticut Lilac
Contrast & accessibility
Ag
FailOn white
WCAG 1.82:1 · APCA Lc 34
Ag
AAAOn black
WCAG 11.51:1 · APCA Lc 69
Best text color: #000000
WCAG 11.51:1 (AAA) · APCA Lc 69
Contrast pairs
Code snippets
CSS
:root {
--stucco-wall: #f1b19d;
--stucco-wall-rgb: 241 177 157;
--stucco-wall-oklch: oklch(0.815 0.08 38.1);
}
.element {
color: var(--stucco-wall);
background-color: hsl(14 75% 78%);
border-color: oklch(0.815 0.08 38.1);
}Tailwind CSS v4
@theme {
--color-stucco-wall: #f1b19d;
--color-stucco-wall-50: #ffeee4;
--color-stucco-wall-100: #ffe0d4;
--color-stucco-wall-200: #f4c9bb;
--color-stucco-wall-300: #dcaa99;
--color-stucco-wall-400: #c98e7c;
--color-stucco-wall-500: #b4735f;
--color-stucco-wall-600: #986251;
--color-stucco-wall-700: #7a4e40;
--color-stucco-wall-800: #5b382f;
--color-stucco-wall-900: #402620;
--color-stucco-wall-950: #28150f;
}SCSS
$stucco-wall: #f1b19d;
$stucco-wall-rgb: 241, 177, 157;
$stucco-wall-light: mix(#fff, $stucco-wall, 20%);
$stucco-wall-dark: mix(#000, $stucco-wall, 20%);
.element {
color: $stucco-wall;
box-shadow: 0 0 0 2px rgba($stucco-wall, 0.35);
}