Named color · #633737
Andorra
Andorra is #633737: rgb(99 55 55), hsl(0 29% 30%), oklch(0.391 0.063 20.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Andorra color name →
#633737
oklch(0.391 0.063 20.3)
Color conversions
- HEX
- #633737
- RGB
- rgb(99 55 55)
- HSL
- hsl(0 29% 30%)
- HWB
- hwb(0 22% 61%)
- OKLCH
- oklch(0.391 0.063 20.3)
- OKLab
- oklab(0.391 0.059 0.022)
- CIE Lab
- lab(28.76 20.09 8.97)
- LCH
- lch(28.76 22 24.1)
- CMYK
- cmyk(0% 44% 44% 61%)
Tints · Shades · Tones
Tints
- 724949
- 825C5B
- 916F6E
- A18281
- B09695
- C0AAA9
- CFBFBE
- DFD4D3
- EFE9E9
Shades
- 552E2E
- 472626
- 3A1E1E
- 2E1616
- 210F0F
- 160808
- 0B0303
- 030101
- 000000
Tones
- 663E3E
- 6A4545
- 6D4D4C
- 705453
- 735B5A
- 766262
- 796A69
- 7B7171
- 7E7978
Color harmonies
Complementary +180°
- 633737
Andorra
- 0A4F53
≈ Transporter Green
Analogous -30° +30°
- 633737
Andorra
- 5F374A
≈ Violet Posy
- 603B25
≈ Tropical Wood Brown
Triadic +120° +240°
- 633737
Andorra
- 324E2D
≈ Nettle Green
- 314667
≈ Stay the Night
Split-complementary +150° +210°
- 633737
Andorra
- 1A5040
≈ Brunswick Green
- 1B4B61
≈ Lazurite Blue
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 9.84:1 · APCA Lc 93
Ag
FailOn black
WCAG 2.13:1 · APCA Lc 10
Best text color: #FFFFFF
WCAG 9.84:1 (AAA) · APCA Lc 93
Contrast pairs
Code snippets
CSS
:root {
--andorra: #633737;
--andorra-rgb: 99 55 55;
--andorra-oklch: oklch(0.391 0.063 20.3);
}
.element {
color: var(--andorra);
background-color: hsl(0 29% 30%);
border-color: oklch(0.391 0.063 20.3);
}Tailwind CSS v4
@theme {
--color-andorra: #633737;
--color-andorra-50: #ffefed;
--color-andorra-100: #fde0de;
--color-andorra-200: #eecac8;
--color-andorra-300: #d6aba9;
--color-andorra-400: #c1908f;
--color-andorra-500: #ac7575;
--color-andorra-600: #926463;
--color-andorra-700: #75504f;
--color-andorra-800: #563a3a;
--color-andorra-900: #3c2728;
--color-andorra-950: #261516;
}SCSS
$andorra: #633737;
$andorra-rgb: 99, 55, 55;
$andorra-light: mix(#fff, $andorra, 20%);
$andorra-dark: mix(#000, $andorra, 20%);
.element {
color: $andorra;
box-shadow: 0 0 0 2px rgba($andorra, 0.35);
}