Dichtstbijzijnde benoemde kleur · #BB9462
#BB9462
Dichtstbijzijnde benoemde kleur: Chalet
#BB9462 (rgb(187 148 98), hsl(34 40% 56%), oklch(0.692 0.081 72.7)) komt het dichtst bij de benoemde kleur Chalet. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#BB9462
oklch(0.692 0.081 72.7)
Kleurconversies
- HEX
- #bb9462
- RGB
- rgb(187 148 98)
- HSL
- hsl(34 40% 56%)
- HWB
- hwb(34 38% 27%)
- OKLCH
- oklch(0.692 0.081 72.7)
- OKLab
- oklab(0.692 0.024 0.078)
- CIE Lab
- lab(64.18 10.44 32.23)
- LCH
- lch(64.18 33.88 72)
- CMYK
- cmyk(0% 21% 48% 27%)
Tinten · Schaduwen · Tonen
Tinten
- C29E72
- C9A981
- D0B491
- D6BEA0
- DDC9B0
- E4D4C0
- EBDECF
- F2E9DF
- F8F4EF
Schaduwen
- A28054
- 8A6D47
- 735A3A
- 5C482D
- 463621
- 322616
- 1F160B
- 0D0803
- 020100
Tonen
- B59266
- AF9069
- A98E6D
- A38C70
- 9E8A73
- 988876
- 928679
- 8C847B
- 86827E
Kleurharmonieën
Complementair +180°
- BB9462
Chalet
- 779FCD
≈ Blue Lechery
Analoog -30° +30°
- BB9462
Chalet
- C78B73
≈ Yum Raw Spam
- A59E61
≈ Acacia Tree
Triadisch +120° +240°
- BB9462
Chalet
- 59ACA9
≈ Emerald Succulent
- AD8DC0
≈ East Side
Gesplitst complementair +150° +210°
- BB9462
Chalet
- 5FA7C1
≈ Pottery Blue
- 9496CD
≈ Bluebell Frost
Tetradisch +90° +180° +270°
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 {
--chalet: #bb9462;
--chalet-rgb: 187 148 98;
--chalet-oklch: oklch(0.692 0.081 72.7);
}
.element {
color: var(--chalet);
background-color: hsl(34 40% 56%);
border-color: oklch(0.692 0.081 72.7);
}Tailwind CSS v4
@theme {
--color-chalet: #bb9462;
--color-chalet-50: #fff2dc;
--color-chalet-100: #f8e5cb;
--color-chalet-200: #e9d0ae;
--color-chalet-300: #d0b289;
--color-chalet-400: #bc9768;
--color-chalet-500: #a77d46;
--color-chalet-600: #8d6a3c;
--color-chalet-700: #71552f;
--color-chalet-800: #543d21;
--color-chalet-900: #3b2a16;
--color-chalet-950: #251807;
}SCSS
$chalet: #bb9462;
$chalet-rgb: 187, 148, 98;
$chalet-light: mix(#fff, $chalet, 20%);
$chalet-dark: mix(#000, $chalet, 20%);
.element {
color: $chalet;
box-shadow: 0 0 0 2px rgba($chalet, 0.35);
}