Benoemde kleur · #D4C6A7
Welcome Walkway
Welcome Walkway is #D4C6A7: rgb(212 198 167), hsl(41 34% 74%), oklch(0.83 0.045 86.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Welcome Walkway color name →
#D4C6A7
oklch(0.83 0.045 86.6)
Kleurconversies
- HEX
- #d4c6a7
- RGB
- rgb(212 198 167)
- HSL
- hsl(41 34% 74%)
- HWB
- hwb(41 65% 17%)
- OKLCH
- oklch(0.83 0.045 86.6)
- OKLab
- oklab(0.83 0.003 0.044)
- CIE Lab
- lab(80.45 1.41 17.47)
- LCH
- lch(80.45 17.52 85.4)
- CMYK
- cmyk(0% 7% 21% 17%)
Tinten · Schaduwen · Tonen
Tinten
- D8CCB0
- DDD1B8
- E1D7C1
- E5DDCA
- E9E2D3
- EEE8DB
- F2EEE4
- F6F3ED
- FBF9F6
Schaduwen
- B8AC91
- 9D927B
- 837A66
- 696252
- 514B3E
- 3A352C
- 24211A
- 100E0A
- 020201
Tonen
- CBBFA3
- C3B89F
- BAB09B
- B2A998
- A9A294
- A19B90
- 98948C
- 908E88
- 888784
Kleurharmonieën
Complementair +180°
- D4C6A7
Welcome Walkway
- BAC7E5
≈ Pale Wisteria
Analoog -30° +30°
- D4C6A7
Welcome Walkway
- DFC1AC
≈ Cinnamon Tea
- C5CCAB
≈ Jardin de Hierbas
Triadisch +120° +240°
- D4C6A7
Welcome Walkway
- A6D0D6
≈ Cay
- D7BED7
≈ Thistle
Gesplitst complementair +150° +210°
- D4C6A7
Welcome Walkway
- ADCCE1
≈ Polar Seas
- CAC2E2
≈ Party Hat
Tetradisch +90° +180° +270°
- D4C6A7
Welcome Walkway
- AAD1C6
≈ Whirlpool Green
- BAC7E5
≈ Pale Wisteria
- E0BCC8
≈ Spring Pink
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.68:1 · APCA Lc 30
Ag
AAAOp zwart
WCAG 12.43:1 · APCA Lc 73
Beste tekstkleur: #000000
WCAG 12.43:1 (AAA) · APCA Lc 73
Contrast pairs
Codefragmenten
CSS
:root {
--welcome-walkway: #d4c6a7;
--welcome-walkway-rgb: 212 198 167;
--welcome-walkway-oklch: oklch(0.83 0.045 86.6);
}
.element {
color: var(--welcome-walkway);
background-color: hsl(41 34% 74%);
border-color: oklch(0.83 0.045 86.6);
}Tailwind CSS v4
@theme {
--color-welcome-walkway: #d4c6a7;
--color-welcome-walkway-50: #faf5e7;
--color-welcome-walkway-100: #eee7d8;
--color-welcome-walkway-200: #dcd4bf;
--color-welcome-walkway-300: #c1b79e;
--color-welcome-walkway-400: #aa9d81;
--color-welcome-walkway-500: #938564;
--color-welcome-walkway-600: #7c7055;
--color-welcome-walkway-700: #645a44;
--color-welcome-walkway-800: #4a4131;
--color-welcome-walkway-900: #332d21;
--color-welcome-walkway-950: #1f1a10;
}SCSS
$welcome-walkway: #d4c6a7;
$welcome-walkway-rgb: 212, 198, 167;
$welcome-walkway-light: mix(#fff, $welcome-walkway, 20%);
$welcome-walkway-dark: mix(#000, $welcome-walkway, 20%);
.element {
color: $welcome-walkway;
box-shadow: 0 0 0 2px rgba($welcome-walkway, 0.35);
}