Colore con nome · #BCA177
Mesa
Mesa è #BCA177: rgb(188 161 119), hsl(37 34% 60%), oklch(0.723 0.065 78.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Mesa color name →
#BCA177
oklch(0.723 0.065 78.4)
Conversioni di colore
- HEX
- #bca177
- RGB
- rgb(188 161 119)
- HSL
- hsl(37 34% 60%)
- HWB
- hwb(37 47% 26%)
- OKLCH
- oklch(0.723 0.065 78.4)
- OKLab
- oklab(0.723 0.013 0.064)
- CIE Lab
- lab(67.92 5.82 25.79)
- LCH
- lch(67.92 26.44 77.3)
- CMYK
- cmyk(0% 14% 37% 26%)
Tinte · Ombre · Toni
Tinte
- C3AA84
- C9B392
- D0BD9F
- D7C6AD
- DDCFBA
- E4D9C8
- EBE2D5
- F1ECE3
- F8F5F1
Ombre
- A38B67
- 8B7657
- 736247
- 5D4E38
- 473C2A
- 322A1C
- 1F1910
- 0D0905
- 020101
Toni
- B69E78
- B09A7A
- AA977B
- A4947C
- 9E917D
- 988D7D
- 928A7E
- 8C877F
- 86837F
Armonie di colore
Complementare +180°
- BCA177
Mesa
- 8DA7CF
≈ Old World
Analogo -30° +30°
- BCA177
Mesa
- C89A82
≈ Chinook Salmon
- A9A979
≈ Cardamom
Triadico +120° +240°
Complementare divisa +150° +210°
- BCA177
Mesa
- 7AAEC6
≈ Soul Blue
- A39FCD
≈ Wistful
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.46:1 · APCA Lc 49
Ag
AAASu nero
WCAG 8.50:1 · APCA Lc 53
Miglior colore del testo: #000000
WCAG 8.50:1 (AAA) · APCA Lc 53
Contrast pairs
Frammenti di codice
CSS
:root {
--mesa: #bca177;
--mesa-rgb: 188 161 119;
--mesa-oklch: oklch(0.723 0.065 78.4);
}
.element {
color: var(--mesa);
background-color: hsl(37 34% 60%);
border-color: oklch(0.723 0.065 78.4);
}Tailwind CSS v4
@theme {
--color-mesa: #bca177;
--color-mesa-50: #fff4e1;
--color-mesa-100: #f3e6d0;
--color-mesa-200: #e3d2b6;
--color-mesa-300: #c9b492;
--color-mesa-400: #b49a73;
--color-mesa-500: #9e8153;
--color-mesa-600: #856d47;
--color-mesa-700: #6b5739;
--color-mesa-800: #4f3f28;
--color-mesa-900: #372c1b;
--color-mesa-950: #22190b;
}SCSS
$mesa: #bca177;
$mesa-rgb: 188, 161, 119;
$mesa-light: mix(#fff, $mesa, 20%);
$mesa-dark: mix(#000, $mesa, 20%);
.element {
color: $mesa;
box-shadow: 0 0 0 2px rgba($mesa, 0.35);
}