Colore con nome · #BEB861
Columbian Gold
Columbian Gold è #BEB861: rgb(190 184 97), hsl(56 42% 56%), oklch(0.769 0.11 105.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Columbian Gold color name →
#BEB861
oklch(0.769 0.11 105.2)
Conversioni di colore
- HEX
- #beb861
- RGB
- rgb(190 184 97)
- HSL
- hsl(56 42% 56%)
- HWB
- hwb(56 38% 25%)
- OKLCH
- oklch(0.769 0.11 105.2)
- OKLab
- oklab(0.769 -0.029 0.106)
- CIE Lab
- lab(73.9 -6.6 44.52)
- LCH
- lch(73.9 45.01 98.4)
- CMYK
- cmyk(0% 3% 49% 25%)
Tinte · Ombre · Toni
Tinte
- C4BF72
- CAC683
- D1CD93
- D7D5A3
- DEDCB2
- E4E3C2
- EBEAD1
- F1F1E0
- F8F8F0
Ombre
- A5A053
- 8C8846
- 757139
- 5E5B2D
- 484521
- 333115
- 1F1E0B
- 0D0C03
- 020200
Toni
- B8B266
- B1AD6A
- ABA76E
- A4A272
- 9E9C75
- 989677
- 92917A
- 8C8B7C
- 86867E
Armonie di colore
Complementare +180°
- BEB861
Columbian Gold
- ADAAF7
≈ Shy Moment
Analogo -30° +30°
- BEB861
Columbian Gold
- DDAA60
≈ Sugar Honey Cashew
- 95C47C
≈ Lime Parfait
Triadico +120° +240°
- BEB861
Columbian Gold
- 5BC2E9
≈ Clean Pool
- E697C4
≈ Crepe Myrtle
Complementare divisa +150° +210°
- BEB861
Columbian Gold
- 84B7F9
≈ Carolina Blue
- CF9EE4
≈ Bright Ube
Tetradico +90° +180° +270°
- BEB861
Columbian Gold
- 4BCACA
≈ Rapids
- ADAAF7
≈ Shy Moment
- F1969D
≈ Primrose Garden
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.05:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.21:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.21:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
CSS
:root {
--columbian-gold: #beb861;
--columbian-gold-rgb: 190 184 97;
--columbian-gold-oklch: oklch(0.769 0.11 105.2);
}
.element {
color: var(--columbian-gold);
background-color: hsl(56 42% 56%);
border-color: oklch(0.769 0.11 105.2);
}Tailwind CSS v4
@theme {
--color-columbian-gold: #beb861;
--color-columbian-gold-50: #f8f8d4;
--color-columbian-gold-100: #ebebc1;
--color-columbian-gold-200: #d9d8a2;
--color-columbian-gold-300: #bdbc79;
--color-columbian-gold-400: #a8a251;
--color-columbian-gold-500: #918a20;
--color-columbian-gold-600: #7b751e;
--color-columbian-gold-700: #625d18;
--color-columbian-gold-800: #49440e;
--color-columbian-gold-900: #332f09;
--color-columbian-gold-950: #1f1b00;
}SCSS
$columbian-gold: #beb861;
$columbian-gold-rgb: 190, 184, 97;
$columbian-gold-light: mix(#fff, $columbian-gold, 20%);
$columbian-gold-dark: mix(#000, $columbian-gold, 20%);
.element {
color: $columbian-gold;
box-shadow: 0 0 0 2px rgba($columbian-gold, 0.35);
}