Colore con nome · #553F2D
Antique Brown
Antique Brown è #553F2D: rgb(85 63 45), hsl(27 31% 25%), oklch(0.387 0.042 60.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Antique Brown color name →
#553F2D
oklch(0.387 0.042 60.4)
Conversioni di colore
- HEX
- #553f2d
- RGB
- rgb(85 63 45)
- HSL
- hsl(27 31% 25%)
- HWB
- hwb(27 18% 67%)
- OKLCH
- oklch(0.387 0.042 60.4)
- OKLab
- oklab(0.387 0.021 0.037)
- CIE Lab
- lab(28.76 7.94 14.96)
- LCH
- lch(28.76 16.94 62)
- CMYK
- cmyk(0% 26% 47% 67%)
Tinte · Ombre · Toni
Tinte
- 655040
- 756253
- 857466
- 96877B
- A79A90
- B8ADA5
- C9C1BB
- DBD5D1
- EDEAE8
Ombre
- 493526
- 3D2C1F
- 312318
- 261B11
- 1C120B
- 110A06
- 080402
- 020101
- 000000
Toni
- 594535
- 5E4C3D
- 625245
- 66584D
- 6B5F56
- 6F655E
- 736C66
- 77736F
- 7C7977
Armonie di colore
Complementare +180°
- 553F2D
Antique Brown
- 2F4759
≈ Black Forest Blue
Analogo -30° +30°
- 553F2D
Antique Brown
- 593C37
≈ Rich Loam
- 4D432A
≈ Tin Bitz
Triadico +120° +240°
- 553F2D
Antique Brown
- 294C45
≈ Amphibian
- 483F58
≈ Club Grey
Complementare divisa +150° +210°
- 553F2D
Antique Brown
- 274A51
≈ Ponderosa Pine
- 3B435B
≈ Diplomatic
Tetradico +90° +180° +270°
- 553F2D
Antique Brown
- 344B38
≈ Norfolk Green
- 2F4759
≈ Black Forest Blue
- 513C4F
≈ Dark Energy
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.83:1 · APCA Lc 93
Ag
FailSu nero
WCAG 2.13:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 9.83:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--antique-brown: #553f2d;
--antique-brown-rgb: 85 63 45;
--antique-brown-oklch: oklch(0.387 0.042 60.4);
}
.element {
color: var(--antique-brown);
background-color: hsl(27 31% 25%);
border-color: oklch(0.387 0.042 60.4);
}Tailwind CSS v4
@theme {
--color-antique-brown: #553f2d;
--color-antique-brown-50: #fef3e9;
--color-antique-brown-100: #f3e5da;
--color-antique-brown-200: #e2d1c2;
--color-antique-brown-300: #c8b3a2;
--color-antique-brown-400: #b29986;
--color-antique-brown-500: #9b806a;
--color-antique-brown-600: #836c5a;
--color-antique-brown-700: #695748;
--color-antique-brown-800: #4e3f34;
--color-antique-brown-900: #362b23;
--color-antique-brown-950: #211912;
}SCSS
$antique-brown: #553f2d;
$antique-brown-rgb: 85, 63, 45;
$antique-brown-light: mix(#fff, $antique-brown, 20%);
$antique-brown-dark: mix(#000, $antique-brown, 20%);
.element {
color: $antique-brown;
box-shadow: 0 0 0 2px rgba($antique-brown, 0.35);
}