Benannte Farbe · #6E3326
Pueblo
Pueblo ist #6E3326: rgb(110 51 38), hsl(11 49% 29%), oklch(0.397 0.087 33.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Pueblo color name →
#6E3326
oklch(0.397 0.087 33.7)
Farbumrechnungen
- HEX
- #6e3326
- RGB
- rgb(110 51 38)
- HSL
- hsl(11 49% 29%)
- HWB
- hwb(11 15% 57%)
- OKLCH
- oklch(0.397 0.087 33.7)
- OKLab
- oklab(0.397 0.073 0.048)
- CIE Lab
- lab(29.31 25.91 21)
- LCH
- lch(29.31 33.35 39)
- CMYK
- cmyk(0% 54% 65% 57%)
Tints · Shades · Tones
Tints
- 7D463A
- 8C594E
- 9A6D62
- A98177
- B7958C
- C6A9A2
- D4BEB9
- E2D3D0
- F1E9E7
Shades
- 5F2B20
- 502319
- 411C13
- 33140D
- 260D08
- 190704
- 0E0302
- 040101
- 010000
Tones
- 713B2F
- 734338
- 764B41
- 78524A
- 7A5A53
- 7B625C
- 7D6965
- 7E716E
- 7F7877
Farbharmonien
Komplementär +180°
- 6E3326
Pueblo
- 00505E
≈ Sandalwood Grey Blue
Analog -30° +30°
- 6E3326
Pueblo
- 6C3042
≈ Cabernet Craving
- 673B05
≈ Bestial Brown
Triadisch +120° +240°
- 6E3326
Pueblo
- 165430
≈ Moor-Monster
- 384275
≈ Lviv Blue
Geteilt komplementär +150° +210°
- 6E3326
Pueblo
- 00534B
≈ Plankton Green
- 114B72
≈ Dignity Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.70:1 · APCA Lc 92
Ag
FailAuf Schwarz
WCAG 2.16:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 9.70:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--pueblo: #6e3326;
--pueblo-rgb: 110 51 38;
--pueblo-oklch: oklch(0.397 0.087 33.7);
}
.element {
color: var(--pueblo);
background-color: hsl(11 49% 29%);
border-color: oklch(0.397 0.087 33.7);
}Tailwind CSS v4
@theme {
--color-pueblo: #6e3326;
--color-pueblo-50: #ffede4;
--color-pueblo-100: #ffded4;
--color-pueblo-200: #f7c8bb;
--color-pueblo-300: #e0a899;
--color-pueblo-400: #cc8c7d;
--color-pueblo-500: #b8705f;
--color-pueblo-600: #9c5f51;
--color-pueblo-700: #7d4c41;
--color-pueblo-800: #5d372f;
--color-pueblo-900: #412520;
--color-pueblo-950: #291410;
}SCSS
$pueblo: #6e3326;
$pueblo-rgb: 110, 51, 38;
$pueblo-light: mix(#fff, $pueblo, 20%);
$pueblo-dark: mix(#000, $pueblo, 20%);
.element {
color: $pueblo;
box-shadow: 0 0 0 2px rgba($pueblo, 0.35);
}