Dichtstbijzijnde benoemde kleur · #B69384
#B69384
Dichtstbijzijnde benoemde kleur: Nougat
#B69384 (rgb(182 147 132), hsl(18 26% 62%), oklch(0.691 0.048 44.4)) komt het dichtst bij de benoemde kleur Nougat. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#B69384
oklch(0.691 0.048 44.4)
Kleurconversies
- HEX
- #b69384
- RGB
- rgb(182 147 132)
- HSL
- hsl(18 26% 62%)
- HWB
- hwb(18 52% 29%)
- OKLCH
- oklch(0.691 0.048 44.4)
- OKLab
- oklab(0.691 0.034 0.033)
- CIE Lab
- lab(63.94 11.9 13.2)
- LCH
- lch(63.94 17.77 48)
- CMYK
- cmyk(0% 19% 27% 29%)
Tinten · Schaduwen · Tonen
Tinten
- BD9D90
- C5A89C
- CCB2A8
- D3BDB4
- DBC8C0
- E2D3CC
- E9DED9
- F0E9E5
- F8F4F2
Schaduwen
- 9E7F72
- 866C60
- 6F594F
- 59473F
- 44362F
- 302520
- 1D1612
- 0C0806
- 020101
Tonen
- B19184
- AB8F83
- A68D83
- A08C83
- 9B8A82
- 968882
- 908681
- 8B8481
- 858280
Kleurharmonieën
Complementair +180°
- B69384
Nougat
- 7CA3B2
≈ Lake Winnipeg
Analoog -30° +30°
- B69384
Nougat
- B79093
≈ Rosy Brown
- AE987B
≈ Artisan Tan
Triadisch +120° +240°
- B69384
Nougat
- 81A694
≈ Verdigreen
- 9898B9
≈ Thistle Down
Gesplitst complementair +150° +210°
- B69384
Nougat
- 79A6A5
≈ Cresting Waves
- 889EB9
≈ Astro Bound
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.80:1 · APCA Lc 54
Ag
AAAOp zwart
WCAG 7.49:1 · APCA Lc 48
Beste tekstkleur: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Codefragmenten
CSS
:root {
--nougat: #b69384;
--nougat-rgb: 182 147 132;
--nougat-oklch: oklch(0.691 0.048 44.4);
}
.element {
color: var(--nougat);
background-color: hsl(18 26% 62%);
border-color: oklch(0.691 0.048 44.4);
}Tailwind CSS v4
@theme {
--color-nougat: #b69384;
--color-nougat-50: #fff1ea;
--color-nougat-100: #f6e3db;
--color-nougat-200: #e7cfc3;
--color-nougat-300: #cdb1a3;
--color-nougat-400: #b79688;
--color-nougat-500: #a27d6c;
--color-nougat-600: #896a5c;
--color-nougat-700: #6e5449;
--color-nougat-800: #513d35;
--color-nougat-900: #382a24;
--color-nougat-950: #231813;
}SCSS
$nougat: #b69384;
$nougat-rgb: 182, 147, 132;
$nougat-light: mix(#fff, $nougat, 20%);
$nougat-dark: mix(#000, $nougat, 20%);
.element {
color: $nougat;
box-shadow: 0 0 0 2px rgba($nougat, 0.35);
}