Colore con nome · #9F2305
Burnt Red
Burnt Red è #9F2305: rgb(159 35 5), hsl(12 94% 32%), oklch(0.46 0.164 33.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Burnt Red color name →
#9F2305
oklch(0.46 0.164 33.4)
Conversioni di colore
- HEX
- #9f2305
- RGB
- rgb(159 35 5)
- HSL
- hsl(12 94% 32%)
- HWB
- hwb(12 2% 38%)
- OKLCH
- oklch(0.46 0.164 33.4)
- OKLab
- oklab(0.46 0.137 0.09)
- CIE Lab
- lab(35.85 50.06 47.57)
- LCH
- lch(35.85 69.06 43.5)
- CMYK
- cmyk(0% 78% 97% 38%)
Tinte · Ombre · Toni
Tinte
- AB3E28
- B75541
- C26B58
- CC806F
- D69586
- DFAA9E
- E8BFB5
- F0D4CE
- F8EAE6
Ombre
- 8A1D04
- 751703
- 611102
- 4D0C01
- 3B0701
- 290400
- 180100
- 090000
- 010000
Toni
- 9E321B
- 9C3D2A
- 9A4836
- 985141
- 955A4C
- 926257
- 8E6A61
- 8A716B
- 857976
Armonie di colore
Complementare +180°
- 9F2305
Burnt Red
- 006373
≈ Green Spool
Analogo -30° +30°
- 9F2305
Burnt Red
- 9B1D4E
≈ Hydrangea Red
- 804900
≈ Dried Mustard
Triadico +120° +240°
- 9F2305
Burnt Red
- 006A37
≈ Universal Green
- 3E49B1
≈ Night in Manchester
Complementare divisa +150° +210°
- 9F2305
Burnt Red
- 00675D
≈ Arizona Stone
- 005D91
≈ Buccaneer Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.72:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.71:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.72:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--burnt-red: #9f2305;
--burnt-red-rgb: 159 35 5;
--burnt-red-oklch: oklch(0.46 0.164 33.4);
}
.element {
color: var(--burnt-red);
background-color: hsl(12 94% 32%);
border-color: oklch(0.46 0.164 33.4);
}Tailwind CSS v4
@theme {
--color-burnt-red: #9f2305;
--color-burnt-red-50: #ffe5d6;
--color-burnt-red-100: #ffd5c3;
--color-burnt-red-200: #ffbba4;
--color-burnt-red-300: #ff977c;
--color-burnt-red-400: #ef755b;
--color-burnt-red-500: #dd5135;
--color-burnt-red-600: #bb462e;
--color-burnt-red-700: #963824;
--color-burnt-red-800: #70271b;
--color-burnt-red-900: #4f1a12;
--color-burnt-red-950: #340a04;
}SCSS
$burnt-red: #9f2305;
$burnt-red-rgb: 159, 35, 5;
$burnt-red-light: mix(#fff, $burnt-red, 20%);
$burnt-red-dark: mix(#000, $burnt-red, 20%);
.element {
color: $burnt-red;
box-shadow: 0 0 0 2px rgba($burnt-red, 0.35);
}