Benoemde kleur · #BB852F
Gothic Gold
Gothic Gold is #BB852F: rgb(187 133 47), hsl(37 60% 46%), oklch(0.655 0.119 75). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Gothic Gold color name →
#BB852F
oklch(0.655 0.119 75)
Kleurconversies
- HEX
- #bb852f
- RGB
- rgb(187 133 47)
- HSL
- hsl(37 60% 46%)
- HWB
- hwb(37 18% 27%)
- OKLCH
- oklch(0.655 0.119 75)
- OKLab
- oklab(0.655 0.031 0.115)
- CIE Lab
- lab(59.93 15.65 52.36)
- LCH
- lch(59.93 54.65 73.4)
- CMYK
- cmyk(0% 29% 75% 27%)
Tinten · Schaduwen · Tonen
Tinten
- C29149
- C99D5F
- D0A974
- D7B688
- DEC29C
- E5CEB0
- EBDAC3
- F2E6D7
- F8F3EB
Schaduwen
- A27327
- 8A6120
- 735019
- 5C4012
- 46300C
- 322106
- 1F1303
- 0D0601
- 020100
Tonen
- B5853C
- AF8547
- AA8450
- A48458
- 9E8460
- 988367
- 92826E
- 8C8274
- 86817A
Kleurharmonieën
Complementair +180°
- BB852F
Gothic Gold
- 5C93D8
≈ Little Boy Blue
Analoog -30° +30°
- BB852F
Gothic Gold
- CC7750
≈ Sweet Carrot
- 9C9430
≈ Art Nouveau Green
Triadisch +120° +240°
- BB852F
Gothic Gold
- 00A6A6
≈ Royal Cloak
- AC79C3
≈ Wisteria
Gesplitst complementair +150° +210°
- BB852F
Gothic Gold
- 199FC7
≈ Major Blue
- 8A85D7
≈ Indigo Bloom
Tetradisch +90° +180° +270°
- BB852F
Gothic Gold
- 35A77E
≈ Gumdrop Green
- 5C93D8
≈ Little Boy Blue
- C471A1
≈ Fading Love
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.22:1 · APCA Lc 59
Ag
AAOp zwart
WCAG 6.50:1 · APCA Lc 42
Beste tekstkleur: #000000
WCAG 6.50:1 (AA) · APCA Lc 42
Contrast pairs
Codefragmenten
CSS
:root {
--gothic-gold: #bb852f;
--gothic-gold-rgb: 187 133 47;
--gothic-gold-oklch: oklch(0.655 0.119 75);
}
.element {
color: var(--gothic-gold);
background-color: hsl(37 60% 46%);
border-color: oklch(0.655 0.119 75);
}Tailwind CSS v4
@theme {
--color-gothic-gold: #bb852f;
--color-gothic-gold-50: #fff2d0;
--color-gothic-gold-100: #ffe3bc;
--color-gothic-gold-200: #f1ce9b;
--color-gothic-gold-300: #dab070;
--color-gothic-gold-400: #c79446;
--color-gothic-gold-500: #b37900;
--color-gothic-gold-600: #986609;
--color-gothic-gold-700: #7a5209;
--color-gothic-gold-800: #5b3b05;
--color-gothic-gold-900: #402804;
--color-gothic-gold-950: #281600;
}SCSS
$gothic-gold: #bb852f;
$gothic-gold-rgb: 187, 133, 47;
$gothic-gold-light: mix(#fff, $gothic-gold, 20%);
$gothic-gold-dark: mix(#000, $gothic-gold, 20%);
.element {
color: $gothic-gold;
box-shadow: 0 0 0 2px rgba($gothic-gold, 0.35);
}