Benoemde kleur · #B39F8D
Gilded Beige
Gilded Beige is #B39F8D: rgb(179 159 141), hsl(28 20% 63%), oklch(0.715 0.035 64.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Gilded Beige color name →
#B39F8D
oklch(0.715 0.035 64.2)
Kleurconversies
- HEX
- #b39f8d
- RGB
- rgb(179 159 141)
- HSL
- hsl(28 20% 63%)
- HWB
- hwb(28 55% 30%)
- OKLCH
- oklch(0.715 0.035 64.2)
- OKLab
- oklab(0.715 0.015 0.031)
- CIE Lab
- lab(66.9 5.42 12.26)
- LCH
- lch(66.9 13.4 66.1)
- CMYK
- cmyk(0% 11% 21% 30%)
Tinten · Schaduwen · Tonen
Tinten
- BAA898
- C2B2A3
- C9BBAE
- D1C4B9
- D9CEC5
- E0D8D0
- E8E1DC
- F0EBE7
- F7F5F3
Schaduwen
- 9B8A7A
- 847567
- 6E6155
- 584D44
- 433B33
- 2F2923
- 1D1814
- 0C0907
- 010101
Tonen
- AE9C8C
- A9998B
- A49689
- 9E9388
- 998F87
- 948C85
- 8F8984
- 8A8683
- 858381
Kleurharmonieën
Complementair +180°
- B39F8D
Gilded Beige
- 91A6B8
≈ Dresden Dream
Analoog -30° +30°
- B39F8D
Gilded Beige
- B89C95
≈ Creamed Caramel
- AAA38B
≈ Northgate Green
Triadisch +120° +240°
- B39F8D
Gilded Beige
- 8CABA5
≈ Oceanus
- A89EB5
≈ Grapeade
Gesplitst complementair +150° +210°
- B39F8D
Gilded Beige
- 8BA9B0
≈ Stone Silver
- 9CA2B9
≈ Zen Blue
Tetradisch +90° +180° +270°
- B39F8D
Gilded Beige
- 93AA99
≈ Melville
- 91A6B8
≈ Dresden Dream
- B19BAC
≈ Play Time
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.54:1 · APCA Lc 50
Ag
AAAOp zwart
WCAG 8.26:1 · APCA Lc 52
Beste tekstkleur: #000000
WCAG 8.26:1 (AAA) · APCA Lc 52
Contrast pairs
Codefragmenten
CSS
:root {
--gilded-beige: #b39f8d;
--gilded-beige-rgb: 179 159 141;
--gilded-beige-oklch: oklch(0.715 0.035 64.2);
}
.element {
color: var(--gilded-beige);
background-color: hsl(28 20% 63%);
border-color: oklch(0.715 0.035 64.2);
}Tailwind CSS v4
@theme {
--color-gilded-beige: #b39f8d;
--color-gilded-beige-50: #fcf3eb;
--color-gilded-beige-100: #f0e6dc;
--color-gilded-beige-200: #dfd2c5;
--color-gilded-beige-300: #c4b4a5;
--color-gilded-beige-400: #ad9b8a;
--color-gilded-beige-500: #97826f;
--color-gilded-beige-600: #806e5e;
--color-gilded-beige-700: #66584b;
--color-gilded-beige-800: #4b4036;
--color-gilded-beige-900: #342c25;
--color-gilded-beige-950: #201914;
}SCSS
$gilded-beige: #b39f8d;
$gilded-beige-rgb: 179, 159, 141;
$gilded-beige-light: mix(#fff, $gilded-beige, 20%);
$gilded-beige-dark: mix(#000, $gilded-beige, 20%);
.element {
color: $gilded-beige;
box-shadow: 0 0 0 2px rgba($gilded-beige, 0.35);
}