Colore con nome · #662222
Full City Roast
Full City Roast è #662222: rgb(102 34 34), hsl(0 50% 27%), oklch(0.356 0.098 23.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Full City Roast color name →
#662222
oklch(0.356 0.098 23.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 763735
- 864C49
- 96615E
- A57773
- B48C89
- C3A2A0
- D3B9B7
- E1D0CE
- F0E7E6
Ombre
- 581C1C
- 4A1616
- 3C1111
- 2F0B0B
- 230707
- 170303
- 0C0101
- 040000
- 000000
Toni
- 6A2C2B
- 6D3634
- 71403D
- 744946
- 775250
- 795B59
- 7B6563
- 7D6E6C
- 7F7776
Armonie di colore
Complementare +180°
- 662222
Full City Roast
- 00454A
≈ Incubi Darkness
Analogo -30° +30°
- 662222
Full City Roast
- 612240
≈ Plum Caspia
- 5F2C00
≈ Count Chocula
Triadico +120° +240°
- 662222
Full City Roast
- 144815
≈ Pine Green
- 20396F
≈ Blue Expanse
Complementare divisa +150° +210°
- 662222
Full City Roast
- 004739
≈ UP Forest Green
- 00425D
≈ Neptune’s Wrath
Tetradico +90° +180° +270°
- 662222
Full City Roast
- 3C4000
≈ Dark Olive
- 00454A
≈ Incubi Darkness
- 402F6A
≈ Minsk
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.55:1 · APCA Lc 96
Ag
FailSu nero
WCAG 1.81:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.55:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
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);
}