Dichtstbijzijnde benoemde kleur · #B29584
#B29584
Dichtstbijzijnde benoemde kleur: Sombrero
#B29584 (rgb(178 149 132), hsl(22 23% 61%), oklch(0.692 0.043 52.1)) komt het dichtst bij de benoemde kleur Sombrero. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#B29584
oklch(0.692 0.043 52.1)
Kleurconversies
- HEX
- #b29584
- RGB
- rgb(178 149 132)
- HSL
- hsl(22 23% 61%)
- HWB
- hwb(22 52% 30%)
- OKLCH
- oklch(0.692 0.043 52.1)
- OKLab
- oklab(0.692 0.026 0.034)
- CIE Lab
- lab(64.04 9.24 13.27)
- LCH
- lch(64.04 16.17 55.1)
- CMYK
- cmyk(0% 16% 26% 30%)
Tinten · Schaduwen · Tonen
Tinten
- BA9F90
- C1A99C
- C9B4A8
- D1BEB4
- D8C9C0
- E0D4CC
- E8DED9
- EFE9E5
- F7F4F2
Schaduwen
- 9A8172
- 836D60
- 6D5A4F
- 57483F
- 43372F
- 2F2620
- 1D1612
- 0C0806
- 010101
Tonen
- AD9384
- A89183
- A38F83
- 9E8D83
- 998B82
- 948882
- 8F8681
- 8A8481
- 858280
Kleurharmonieën
Complementair +180°
- B29584
Sombrero
- 82A1B2
≈ Lake Winnipeg
Analoog -30° +30°
- B29584
Sombrero
- B59290
≈ Cherry Taupe
- A99A7E
≈ Mohalla
Triadisch +120° +240°
- B29584
Sombrero
- 82A599
≈ Beckett
- 9C97B5
≈ Heirloom Lilac
Gesplitst complementair +150° +210°
- B29584
Sombrero
- 7DA4A7
≈ Spartacus
- 8E9CB7
≈ Periwinkle Dusk
Tetradisch +90° +180° +270°
- B29584
Sombrero
- 8DA38B
≈ Envy
- 82A1B2
≈ Lake Winnipeg
- A993AC
≈ Garden Flower
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.79:1 · APCA Lc 54
Ag
AAAOp zwart
WCAG 7.52:1 · APCA Lc 48
Beste tekstkleur: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Codefragmenten
CSS
:root {
--sombrero: #b29584;
--sombrero-rgb: 178 149 132;
--sombrero-oklch: oklch(0.692 0.043 52.1);
}
.element {
color: var(--sombrero);
background-color: hsl(22 23% 61%);
border-color: oklch(0.692 0.043 52.1);
}Tailwind CSS v4
@theme {
--color-sombrero: #b29584;
--color-sombrero-50: #fff2ea;
--color-sombrero-100: #f4e4db;
--color-sombrero-200: #e4d0c4;
--color-sombrero-300: #cab2a3;
--color-sombrero-400: #b49888;
--color-sombrero-500: #9e7f6c;
--color-sombrero-600: #856b5c;
--color-sombrero-700: #6b5649;
--color-sombrero-800: #4f3e35;
--color-sombrero-900: #372b24;
--color-sombrero-950: #221813;
}SCSS
$sombrero: #b29584;
$sombrero-rgb: 178, 149, 132;
$sombrero-light: mix(#fff, $sombrero, 20%);
$sombrero-dark: mix(#000, $sombrero, 20%);
.element {
color: $sombrero;
box-shadow: 0 0 0 2px rgba($sombrero, 0.35);
}