Dichtstbijzijnde benoemde kleur · #BA936F
#BA936F
Dichtstbijzijnde benoemde kleur: Caramel Gold
#BA936F (rgb(186 147 111), hsl(29 35% 58%), oklch(0.691 0.068 64)) komt het dichtst bij de benoemde kleur Caramel Gold. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#BA936F
oklch(0.691 0.068 64)
Kleurconversies
- HEX
- #ba936f
- RGB
- rgb(186 147 111)
- HSL
- hsl(29 35% 58%)
- HWB
- hwb(29 44% 27%)
- OKLCH
- oklch(0.691 0.068 64)
- OKLab
- oklab(0.691 0.03 0.061)
- CIE Lab
- lab(64 11.56 24.97)
- LCH
- lch(64 27.52 65.2)
- CMYK
- cmyk(0% 21% 40% 27%)
Tinten · Schaduwen · Tonen
Tinten
- C19D7D
- C8A88B
- CFB399
- D6BDA7
- DDC8B6
- E4D3C4
- EBDED3
- F1E9E1
- F8F4F0
Schaduwen
- A17F60
- 896C51
- 725942
- 5C4734
- 463627
- 32251A
- 1E160E
- 0D0804
- 020101
Tonen
- B49171
- AE8F73
- A98E75
- A38C77
- 9D8A79
- 97887A
- 91867C
- 8C847D
- 86827F
Kleurharmonieën
Complementair +180°
- BA936F
Caramel Gold
- 77A1C3
≈ Key West Zenith
Analoog -30° +30°
- BA936F
Caramel Gold
- C28D80
≈ Burnished Apricot
- A99B6A
≈ Wistman’s Wood
Triadisch +120° +240°
- BA936F
Caramel Gold
- 69AAA0
≈ Veranda
- A591BF
≈ Lilac Breeze
Gesplitst complementair +150° +210°
- BA936F
Caramel Gold
- 68A7B6
≈ Blue Chiffon
- 8E99C7
≈ Easter Egg
Tetradisch +90° +180° +270°
- BA936F
Caramel Gold
- 7AA888
≈ Green Globe
- 77A1C3
≈ Key West Zenith
- B68CAD
≈ Purple Lepidolite
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 {
--caramel-gold: #ba936f;
--caramel-gold-rgb: 186 147 111;
--caramel-gold-oklch: oklch(0.691 0.068 64);
}
.element {
color: var(--caramel-gold);
background-color: hsl(29 35% 58%);
border-color: oklch(0.691 0.068 64);
}Tailwind CSS v4
@theme {
--color-caramel-gold: #ba936f;
--color-caramel-gold-50: #fff2e1;
--color-caramel-gold-100: #f8e4d1;
--color-caramel-gold-200: #e9cfb6;
--color-caramel-gold-300: #d0b193;
--color-caramel-gold-400: #bb9674;
--color-caramel-gold-500: #a67d55;
--color-caramel-gold-600: #8d6a49;
--color-caramel-gold-700: #71543a;
--color-caramel-gold-800: #543d29;
--color-caramel-gold-900: #3a2a1c;
--color-caramel-gold-950: #24170c;
}SCSS
$caramel-gold: #ba936f;
$caramel-gold-rgb: 186, 147, 111;
$caramel-gold-light: mix(#fff, $caramel-gold, 20%);
$caramel-gold-dark: mix(#000, $caramel-gold, 20%);
.element {
color: $caramel-gold;
box-shadow: 0 0 0 2px rgba($caramel-gold, 0.35);
}