Named color · #AA5500
Tijolo
Tijolo is #AA5500: rgb(170 85 0), hsl(30 100% 33%), oklch(0.543 0.136 54.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Tijolo color name →
#AA5500
oklch(0.543 0.136 54.1)
Color conversions
- HEX
- #aa5500
- RGB
- rgb(170 85 0)
- HSL
- hsl(30 100% 33%)
- HWB
- hwb(30 0% 33%)
- OKLCH
- oklch(0.543 0.136 54.1)
- OKLab
- oklab(0.543 0.08 0.11)
- CIE Lab
- lab(46.25 32.62 55.43)
- LCH
- lch(46.25 64.32 59.5)
- CMYK
- cmyk(0% 50% 100% 33%)
Tints · Shades · Tones
Tints
- B4662C
- BD7747
- C6885F
- CF9975
- D8AA8C
- E0BBA3
- E8CBB9
- F0DDD0
- F8EEE8
Shades
- 934900
- 7D3D00
- 683100
- 532600
- 3F1C00
- 2D1100
- 1B0800
- 0B0200
- 010000
Tones
- A75A1E
- A35F2E
- A0643B
- 9C6947
- 986D51
- 93715B
- 8F7565
- 8A796E
- 857C77
Color harmonies
Complementary +180°
- AA5500
Tijolo
- 0079A7
≈ Sixties Blue
Analogous -30° +30°
- AA5500
Tijolo
- B14A47
≈ Lady in Red
- 8E6900
≈ Muddy Brown
Triadic +120° +240°
- AA5500
Tijolo
- 00836B
≈ Viridis
- 755DB6
≈ Simply Purple
Split-complementary +150° +210°
- AA5500
Tijolo
- 007F88
≈ Go Alpha
- 466BBE
≈ Azraq Blue
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 5.23:1 · APCA Lc 75
Ag
FailOn black
WCAG 4.00:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--tijolo: #aa5500;
--tijolo-rgb: 170 85 0;
--tijolo-oklch: oklch(0.543 0.136 54.1);
}
.element {
color: var(--tijolo);
background-color: hsl(30 100% 33%);
border-color: oklch(0.543 0.136 54.1);
}Tailwind CSS v4
@theme {
--color-tijolo: #aa5500;
--color-tijolo-50: #ffecd0;
--color-tijolo-100: #ffddbd;
--color-tijolo-200: #ffc69c;
--color-tijolo-300: #eda571;
--color-tijolo-400: #dc864a;
--color-tijolo-500: #c96812;
--color-tijolo-600: #aa5914;
--color-tijolo-700: #884711;
--color-tijolo-800: #66320c;
--color-tijolo-900: #482207;
--color-tijolo-950: #2f1100;
}SCSS
$tijolo: #aa5500;
$tijolo-rgb: 170, 85, 0;
$tijolo-light: mix(#fff, $tijolo, 20%);
$tijolo-dark: mix(#000, $tijolo, 20%);
.element {
color: $tijolo;
box-shadow: 0 0 0 2px rgba($tijolo, 0.35);
}