Benannte Farbe · #6A5445
Quincy
Quincy ist #6A5445: rgb(106 84 69), hsl(24 21% 34%), oklch(0.464 0.038 55.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Quincy color name →
#6A5445
oklch(0.464 0.038 55.9)
Farbumrechnungen
- HEX
- #6a5445
- RGB
- rgb(106 84 69)
- HSL
- hsl(24 21% 34%)
- HWB
- hwb(24 27% 58%)
- OKLCH
- oklch(0.464 0.038 55.9)
- OKLab
- oklab(0.464 0.021 0.031)
- CIE Lab
- lab(37.7 7.66 12.44)
- LCH
- lch(37.7 14.61 58.4)
- CMYK
- cmyk(0% 21% 35% 58%)
Tints · Shades · Tones
Tints
- 786456
- 867467
- 958479
- A3958B
- B2A69D
- C1B7B0
- D0C9C3
- E0DAD7
- EFEDEB
Shades
- 5B483B
- 4D3C31
- 3F3127
- 31261E
- 241B15
- 18110C
- 0D0805
- 040202
- 000000
Tones
- 6C584B
- 6F5D51
- 716156
- 73655C
- 756A62
- 786E68
- 7A736E
- 7C7774
- 7E7C7A
Farbharmonien
Komplementär +180°
- 6A5445
Quincy
- 455D6C
≈ Seven Seas
Analog -30° +30°
- 6A5445
Quincy
- 6D514E
≈ Buccaneer
- 635841
≈ Puff Dragon
Triadisch +120° +240°
- 6A5445
Quincy
- 436058
≈ Emerson
- 5B556C
≈ Arraign
Geteilt komplementär +150° +210°
- 6A5445
Quincy
- 405F63
≈ Oceans Deep
- 4F596F
≈ Midnight Sun
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.07:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.96:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.07:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--quincy: #6a5445;
--quincy-rgb: 106 84 69;
--quincy-oklch: oklch(0.464 0.038 55.9);
}
.element {
color: var(--quincy);
background-color: hsl(24 21% 34%);
border-color: oklch(0.464 0.038 55.9);
}Tailwind CSS v4
@theme {
--color-quincy: #6a5445;
--color-quincy-50: #fef3eb;
--color-quincy-100: #f2e5dc;
--color-quincy-200: #e1d1c5;
--color-quincy-300: #c7b3a5;
--color-quincy-400: #b1998a;
--color-quincy-500: #9a806f;
--color-quincy-600: #826d5e;
--color-quincy-700: #68574b;
--color-quincy-800: #4d3f36;
--color-quincy-900: #362b25;
--color-quincy-950: #211914;
}SCSS
$quincy: #6a5445;
$quincy-rgb: 106, 84, 69;
$quincy-light: mix(#fff, $quincy, 20%);
$quincy-dark: mix(#000, $quincy, 20%);
.element {
color: $quincy;
box-shadow: 0 0 0 2px rgba($quincy, 0.35);
}