Colore con nome · #883300
Coffee Addiction
Coffee Addiction è #883300: rgb(136 51 0), hsl(23 100% 27%), oklch(0.437 0.128 43.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Coffee Addiction color name →
#883300
oklch(0.437 0.128 43.7)
Conversioni di colore
- HEX
- #883300
- RGB
- rgb(136 51 0)
- HSL
- hsl(23 100% 27%)
- HWB
- hwb(23 0% 47%)
- OKLCH
- oklch(0.437 0.128 43.7)
- OKLab
- oklab(0.437 0.092 0.088)
- CIE Lab
- lab(33.67 35.61 45.52)
- LCH
- lch(33.67 57.79 52)
- CMYK
- cmyk(0% 63% 100% 47%)
Tinte · Ombre · Toni
Tinte
- 954824
- A25C3D
- AF7055
- BB846C
- C79884
- D3AC9C
- DEC0B4
- E9D5CD
- F4EAE6
Ombre
- 752B00
- 632300
- 521C00
- 411400
- 310D00
- 220700
- 130300
- 060100
- 010000
Toni
- 883C17
- 894527
- 894D33
- 88553F
- 885C4A
- 876455
- 866B60
- 84726B
- 827975
Armonie di colore
Complementare +180°
- 883300
Coffee Addiction
- 005B73
≈ Octagon Ocean
Analogo -30° +30°
- 883300
Coffee Addiction
- 892B3C
≈ Thrill Ride
- 704800
≈ Antique Bronze
Triadico +120° +240°
- 883300
Coffee Addiction
- 006143
≈ Aotake Bamboo
- 4B4494
≈ Blueberry
Complementare divisa +150° +210°
- 883300
Coffee Addiction
- 005E5D
≈ Sandhill Crane
- 0E5195
≈ Medium Electric Blue
Tetradico +90° +180° +270°
- 883300
Coffee Addiction
- 335F00
≈ Bright Nori
- 005B73
≈ Octagon Ocean
- 6A3882
≈ Galactic Grapevine
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.33:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.52:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.33:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--coffee-addiction: #883300;
--coffee-addiction-rgb: 136 51 0;
--coffee-addiction-oklch: oklch(0.437 0.128 43.7);
}
.element {
color: var(--coffee-addiction);
background-color: hsl(23 100% 27%);
border-color: oklch(0.437 0.128 43.7);
}Tailwind CSS v4
@theme {
--color-coffee-addiction: #883300;
--color-coffee-addiction-50: #ffebd7;
--color-coffee-addiction-100: #ffdbc5;
--color-coffee-addiction-200: #ffc4a7;
--color-coffee-addiction-300: #eea380;
--color-coffee-addiction-400: #dd845e;
--color-coffee-addiction-500: #ca6638;
--color-coffee-addiction-600: #aa5731;
--color-coffee-addiction-700: #894527;
--color-coffee-addiction-800: #66311c;
--color-coffee-addiction-900: #482112;
--color-coffee-addiction-950: #2f1005;
}SCSS
$coffee-addiction: #883300;
$coffee-addiction-rgb: 136, 51, 0;
$coffee-addiction-light: mix(#fff, $coffee-addiction, 20%);
$coffee-addiction-dark: mix(#000, $coffee-addiction, 20%);
.element {
color: $coffee-addiction;
box-shadow: 0 0 0 2px rgba($coffee-addiction, 0.35);
}