Benannte Farbe · #662222
Full City Roast
Full City Roast ist #662222: rgb(102 34 34), hsl(0 50% 27%), oklch(0.356 0.098 23.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Full City Roast color name →
#662222
oklch(0.356 0.098 23.5)
Farbumrechnungen
- HEX
- #662222
- RGB
- rgb(102 34 34)
- HSL
- hsl(0 50% 27%)
- HWB
- hwb(0 13% 60%)
- OKLCH
- oklch(0.356 0.098 23.5)
- OKLab
- oklab(0.356 0.09 0.039)
- CIE Lab
- lab(24.32 31.13 17.14)
- LCH
- lch(24.32 35.53 28.8)
- CMYK
- cmyk(0% 67% 67% 60%)
Tints · Shades · Tones
Tints
- 763735
- 864C49
- 96615E
- A57773
- B48C89
- C3A2A0
- D3B9B7
- E1D0CE
- F0E7E6
Shades
- 581C1C
- 4A1616
- 3C1111
- 2F0B0B
- 230707
- 170303
- 0C0101
- 040000
- 000000
Tones
- 6A2C2B
- 6D3634
- 71403D
- 744946
- 775250
- 795B59
- 7B6563
- 7D6E6C
- 7F7776
Farbharmonien
Komplementär +180°
- 662222
Full City Roast
- 00454A
≈ Incubi Darkness
Analog -30° +30°
- 662222
Full City Roast
- 612240
≈ Plum Caspia
- 5F2C00
≈ Count Chocula
Triadisch +120° +240°
- 662222
Full City Roast
- 144815
≈ Pine Green
- 20396F
≈ Blue Expanse
Geteilt komplementär +150° +210°
- 662222
Full City Roast
- 004739
≈ UP Forest Green
- 00425D
≈ Neptune’s Wrath
Tetradisch +90° +180° +270°
- 662222
Full City Roast
- 3C4000
≈ Dark Olive
- 00454A
≈ Incubi Darkness
- 402F6A
≈ Minsk
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.55:1 · APCA Lc 96
Ag
FailAuf Schwarz
WCAG 1.81:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.55:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--full-city-roast: #662222;
--full-city-roast-rgb: 102 34 34;
--full-city-roast-oklch: oklch(0.356 0.098 23.5);
}
.element {
color: var(--full-city-roast);
background-color: hsl(0 50% 27%);
border-color: oklch(0.356 0.098 23.5);
}Tailwind CSS v4
@theme {
--color-full-city-roast: #662222;
--color-full-city-roast-50: #ffebe7;
--color-full-city-roast-100: #ffdcd7;
--color-full-city-roast-200: #fcc5bf;
--color-full-city-roast-300: #e6a49e;
--color-full-city-roast-400: #d28783;
--color-full-city-roast-500: #bf6a66;
--color-full-city-roast-600: #a15a57;
--color-full-city-roast-700: #814845;
--color-full-city-roast-800: #603433;
--color-full-city-roast-900: #432323;
--color-full-city-roast-950: #2b1212;
}SCSS
$full-city-roast: #662222;
$full-city-roast-rgb: 102, 34, 34;
$full-city-roast-light: mix(#fff, $full-city-roast, 20%);
$full-city-roast-dark: mix(#000, $full-city-roast, 20%);
.element {
color: $full-city-roast;
box-shadow: 0 0 0 2px rgba($full-city-roast, 0.35);
}