Colore con nome · #692302
Roastery
Roastery è #692302: rgb(105 35 2), hsl(19 96% 21%), oklch(0.359 0.108 41.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Roastery color name →
#692302
oklch(0.359 0.108 41.2)
Conversioni di colore
- HEX
- #692302
- RGB
- rgb(105 35 2)
- HSL
- hsl(19 96% 21%)
- HWB
- hwb(19 1% 59%)
- OKLCH
- oklch(0.359 0.108 41.2)
- OKLab
- oklab(0.359 0.081 0.071)
- CIE Lab
- lab(24.8 30.87 35.15)
- LCH
- lch(24.8 46.78 48.7)
- CMYK
- cmyk(0% 67% 98% 59%)
Tinte · Ombre · Toni
Tinte
- 793920
- 894E38
- 98634F
- A77867
- B68E7F
- C5A497
- D4BAB0
- E2D1CA
- F1E8E4
Ombre
- 5A1D01
- 4C1701
- 3E1101
- 310C00
- 240700
- 180400
- 0C0100
- 040000
- 000000
Toni
- 6D2E14
- 703822
- 73412E
- 764A3A
- 785346
- 7A5C51
- 7C655D
- 7E6E68
- 7F7774
Armonie di colore
Complementare +180°
- 692302
Roastery
- 004455
≈ Crab Nebula
Analogo -30° +30°
- 692302
Roastery
- 691D2E
≈ Velvet Outbreak
- 563500
≈ Eyelash Camel
Triadico +120° +240°
- 692302
Roastery
- 00492F
≈ Alaskan Moss
- 353273
≈ Ballpoint Indigo
Complementare divisa +150° +210°
- 692302
Roastery
- 004745
≈ Cyprus
- 003E71
≈ Tardis Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.40:1 · APCA Lc 95
Ag
FailSu nero
WCAG 1.84:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.40:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
CSS
:root {
--roastery: #692302;
--roastery-rgb: 105 35 2;
--roastery-oklch: oklch(0.359 0.108 41.2);
}
.element {
color: var(--roastery);
background-color: hsl(19 96% 21%);
border-color: oklch(0.359 0.108 41.2);
}Tailwind CSS v4
@theme {
--color-roastery: #692302;
--color-roastery-50: #ffecdd;
--color-roastery-100: #ffddcc;
--color-roastery-200: #fdc6b0;
--color-roastery-300: #e7a68b;
--color-roastery-400: #d5886c;
--color-roastery-500: #c16c4b;
--color-roastery-600: #a35b40;
--color-roastery-700: #834933;
--color-roastery-800: #623425;
--color-roastery-900: #452419;
--color-roastery-950: #2c1209;
}SCSS
$roastery: #692302;
$roastery-rgb: 105, 35, 2;
$roastery-light: mix(#fff, $roastery, 20%);
$roastery-dark: mix(#000, $roastery, 20%);
.element {
color: $roastery;
box-shadow: 0 0 0 2px rgba($roastery, 0.35);
}