Colore con nome · #923830
Thunderbird
Thunderbird è #923830: rgb(146 56 48), hsl(5 51% 38%), oklch(0.465 0.124 27.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Thunderbird color name →
#923830
oklch(0.465 0.124 27.9)
Conversioni di colore
- HEX
- #923830
- RGB
- rgb(146 56 48)
- HSL
- hsl(5 51% 38%)
- HWB
- hwb(5 19% 43%)
- OKLCH
- oklch(0.465 0.124 27.9)
- OKLab
- oklab(0.465 0.109 0.058)
- CIE Lab
- lab(36.76 38.34 25.49)
- LCH
- lch(36.76 46.04 33.6)
- CMYK
- cmyk(0% 62% 67% 43%)
Tinte · Ombre · Toni
Tinte
- 9E4C43
- AB6057
- B6736B
- C2877F
- CD9A93
- D7AEA8
- E2C2BD
- ECD6D3
- F6EAE9
Ombre
- 7E2F28
- 6B2721
- 581F1A
- 461713
- 350F0C
- 250806
- 160403
- 080101
- 010000
Toni
- 914138
- 914941
- 905049
- 8F5851
- 8D5F59
- 8B6660
- 896C68
- 867370
- 837A78
Armonie di colore
Complementare +180°
- 923830
Thunderbird
- 006571
≈ Wakame Green
Analogo -30° +30°
- 923830
Thunderbird
- 8D3659
≈ Quinacridone Magenta
- 864600
≈ Chocolate Pancakes
Triadico +120° +240°
- 923830
Thunderbird
- 166B2D
≈ Ireland Green
- 3C549E
≈ Muted Lavender
Complementare divisa +150° +210°
- 923830
Thunderbird
- 006959
≈ Fresh Ivy Green
- 00608C
≈ Ink Blotch
Tetradico +90° +180° +270°
- 923830
Thunderbird
- 556100
≈ Camouflage Green
- 006571
≈ Wakame Green
- 634795
≈ Sweet Flag
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.41:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.83:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.41:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--thunderbird: #923830;
--thunderbird-rgb: 146 56 48;
--thunderbird-oklch: oklch(0.465 0.124 27.9);
}
.element {
color: var(--thunderbird);
background-color: hsl(5 51% 38%);
border-color: oklch(0.465 0.124 27.9);
}Tailwind CSS v4
@theme {
--color-thunderbird: #923830;
--color-thunderbird-50: #ffe9e1;
--color-thunderbird-100: #ffd9d0;
--color-thunderbird-200: #ffc1b5;
--color-thunderbird-300: #f09f92;
--color-thunderbird-400: #de8175;
--color-thunderbird-500: #cb6257;
--color-thunderbird-600: #ab534a;
--color-thunderbird-700: #8a433b;
--color-thunderbird-800: #672f2b;
--color-thunderbird-900: #48201d;
--color-thunderbird-950: #2f0f0d;
}SCSS
$thunderbird: #923830;
$thunderbird-rgb: 146, 56, 48;
$thunderbird-light: mix(#fff, $thunderbird, 20%);
$thunderbird-dark: mix(#000, $thunderbird, 20%);
.element {
color: $thunderbird;
box-shadow: 0 0 0 2px rgba($thunderbird, 0.35);
}