Colore con nome · #90673F
Centaur
Centaur è #90673F: rgb(144 103 63), hsl(30 39% 41%), oklch(0.547 0.077 64.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Centaur color name →
#90673F
oklch(0.547 0.077 64.4)
Conversioni di colore
- HEX
- #90673f
- RGB
- rgb(144 103 63)
- HSL
- hsl(30 39% 41%)
- HWB
- hwb(30 25% 44%)
- OKLCH
- oklch(0.547 0.077 64.4)
- OKLab
- oklab(0.547 0.033 0.069)
- CIE Lab
- lab(47.27 13.53 29.23)
- LCH
- lch(47.27 32.21 65.2)
- CMYK
- cmyk(0% 28% 56% 44%)
Tinte · Ombre · Toni
Tinte
- 9B7552
- A68464
- B19377
- BCA28A
- C7B19C
- D2C0B0
- DDD0C3
- E9DFD7
- F4EFEB
Ombre
- 7D5935
- 6A4B2C
- 573D23
- 45301B
- 342312
- 24170A
- 150C04
- 070401
- 010000
Toni
- 8F6A46
- 8D6C4D
- 8C6F54
- 8A725B
- 897461
- 877767
- 86796E
- 847B74
- 827E7A
Armonie di colore
Complementare +180°
- 90673F
Centaur
- 48769A
≈ Dull Blue
Analogo -30° +30°
- 90673F
Centaur
- 986052
≈ Copper Brown
- 7F7039
≈ Time Honoured
Triadico +120° +240°
- 90673F
Centaur
- 327F76
≈ Copper Mineral Green
- 7B6595
≈ Clematis
Complementare divisa +150° +210°
- 90673F
Centaur
- 317C8C
≈ Panorama
- 636D9E
≈ Dusted Peri
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.00:1 · APCA Lc 74
Ag
FailSu nero
WCAG 4.19:1 · APCA Lc 27
Miglior colore del testo: #FFFFFF
WCAG 5.00:1 (AA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--centaur: #90673f;
--centaur-rgb: 144 103 63;
--centaur-oklch: oklch(0.547 0.077 64.4);
}
.element {
color: var(--centaur);
background-color: hsl(30 39% 41%);
border-color: oklch(0.547 0.077 64.4);
}Tailwind CSS v4
@theme {
--color-centaur: #90673f;
--color-centaur-50: #fff1df;
--color-centaur-100: #fae4ce;
--color-centaur-200: #ebceb2;
--color-centaur-300: #d3b08e;
--color-centaur-400: #bf956e;
--color-centaur-500: #aa7b4e;
--color-centaur-600: #8f6843;
--color-centaur-700: #735335;
--color-centaur-800: #553c26;
--color-centaur-900: #3c2919;
--color-centaur-950: #25170a;
}SCSS
$centaur: #90673f;
$centaur-rgb: 144, 103, 63;
$centaur-light: mix(#fff, $centaur, 20%);
$centaur-dark: mix(#000, $centaur, 20%);
.element {
color: $centaur;
box-shadow: 0 0 0 2px rgba($centaur, 0.35);
}