Colore con nome · #BE9167
Burnished Caramel
Burnished Caramel è #BE9167: rgb(190 145 103), hsl(29 40% 57%), oklch(0.69 0.079 63.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Burnished Caramel color name →
#BE9167
oklch(0.69 0.079 63.9)
Conversioni di colore
- HEX
- #be9167
- RGB
- rgb(190 145 103)
- HSL
- hsl(29 40% 57%)
- HWB
- hwb(29 40% 25%)
- OKLCH
- oklch(0.69 0.079 63.9)
- OKLab
- oklab(0.69 0.035 0.071)
- CIE Lab
- lab(63.82 13.64 29.18)
- LCH
- lch(63.82 32.21 64.9)
- CMYK
- cmyk(0% 24% 46% 25%)
Tinte · Ombre · Toni
Tinte
- C59C76
- CBA785
- D2B194
- D9BCA3
- DFC7B2
- E6D2C1
- ECDDD1
- F2E9E0
- F9F4EF
Ombre
- A57D59
- 8C6A4B
- 75583D
- 5E4630
- 483523
- 332517
- 1F150C
- 0D0704
- 020100
Toni
- B88F6A
- B28E6D
- AC8C70
- A58B73
- 9F8975
- 998777
- 93857A
- 8D847C
- 86827E
Armonie di colore
Complementare +180°
- BE9167
Burnished Caramel
- 70A1C9
≈ Cottage Blue
Analogo -30° +30°
- BE9167
Burnished Caramel
- C78A7B
≈ Yum Raw Spam
- AB9B61
≈ Kathmandu
Triadico +120° +240°
- BE9167
Burnished Caramel
- 5EABA1
≈ Dragon Bay
- A68FC3
≈ Lilac Breeze
Complementare divisa +150° +210°
- BE9167
Burnished Caramel
- 5DA8B9
≈ Verditer Blue
- 8C98CD
≈ Easter Egg
Tetradico +90° +180° +270°
- BE9167
Burnished Caramel
- 74AA85
≈ Green Globe
- 70A1C9
≈ Cottage Blue
- BA89B0
≈ Joie de Vivre
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.82:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.43:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.43:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--burnished-caramel: #be9167;
--burnished-caramel-rgb: 190 145 103;
--burnished-caramel-oklch: oklch(0.69 0.079 63.9);
}
.element {
color: var(--burnished-caramel);
background-color: hsl(29 40% 57%);
border-color: oklch(0.69 0.079 63.9);
}Tailwind CSS v4
@theme {
--color-burnished-caramel: #be9167;
--color-burnished-caramel-50: #fff1de;
--color-burnished-caramel-100: #fbe3cd;
--color-burnished-caramel-200: #ecceb1;
--color-burnished-caramel-300: #d4b08d;
--color-burnished-caramel-400: #c0956d;
--color-burnished-caramel-500: #ab7b4c;
--color-burnished-caramel-600: #906841;
--color-burnished-caramel-700: #745334;
--color-burnished-caramel-800: #563c25;
--color-burnished-caramel-900: #3c2919;
--color-burnished-caramel-950: #261709;
}SCSS
$burnished-caramel: #be9167;
$burnished-caramel-rgb: 190, 145, 103;
$burnished-caramel-light: mix(#fff, $burnished-caramel, 20%);
$burnished-caramel-dark: mix(#000, $burnished-caramel, 20%);
.element {
color: $burnished-caramel;
box-shadow: 0 0 0 2px rgba($burnished-caramel, 0.35);
}