Colore con nome · #D37A38
Fired Up
Fired Up è #D37A38: rgb(211 122 56), hsl(26 64% 52%), oklch(0.666 0.136 54.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Fired Up color name →
#D37A38
oklch(0.666 0.136 54.1)
Conversioni di colore
- HEX
- #d37a38
- RGB
- rgb(211 122 56)
- HSL
- hsl(26 64% 52%)
- HWB
- hwb(26 22% 17%)
- OKLCH
- oklch(0.666 0.136 54.1)
- OKLab
- oklab(0.666 0.08 0.11)
- CIE Lab
- lab(60.5 31.82 50.22)
- LCH
- lch(60.5 59.46 57.6)
- CMYK
- cmyk(0% 42% 73% 17%)
Tinte · Ombre · Toni
Tinte
- D9884F
- DE9564
- E3A278
- E8B08C
- ECBD9F
- F1CAB2
- F5D7C5
- F8E5D8
- FCF2EC
Ombre
- B7692F
- 9C5927
- 82491F
- 693A17
- 512B0F
- 3A1D08
- 241004
- 100501
- 020100
Toni
- CB7B43
- C37D4C
- BB7E54
- B37E5C
- AB7F63
- A38069
- 9A806F
- 928075
- 89807B
Armonie di colore
Complementare +180°
- D37A38
Fired Up
- 12A0DA
≈ Vanadyl Blue
Analogo -30° +30°
- D37A38
Fired Up
- DB6F6A
≈ Native Berry
- BB8B01
≈ Kenyan Sand
Triadico +120° +240°
- D37A38
Fired Up
- 00AC8E
≈ Arcadia
- 9982DF
≈ Indigo Bloom
Complementare divisa +150° +210°
- D37A38
Fired Up
- 00A7B4
≈ Exotic Sea
- 6991E7
≈ Guilliman Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.17:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.61:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.61:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--fired-up: #d37a38;
--fired-up-rgb: 211 122 56;
--fired-up-oklch: oklch(0.666 0.136 54.1);
}
.element {
color: var(--fired-up);
background-color: hsl(26 64% 52%);
border-color: oklch(0.666 0.136 54.1);
}Tailwind CSS v4
@theme {
--color-fired-up: #d37a38;
--color-fired-up-50: #ffecd0;
--color-fired-up-100: #ffddbd;
--color-fired-up-200: #ffc69c;
--color-fired-up-300: #eda571;
--color-fired-up-400: #dc864a;
--color-fired-up-500: #c96811;
--color-fired-up-600: #aa5914;
--color-fired-up-700: #884710;
--color-fired-up-800: #66320c;
--color-fired-up-900: #482207;
--color-fired-up-950: #2f1100;
}SCSS
$fired-up: #d37a38;
$fired-up-rgb: 211, 122, 56;
$fired-up-light: mix(#fff, $fired-up, 20%);
$fired-up-dark: mix(#000, $fired-up, 20%);
.element {
color: $fired-up;
box-shadow: 0 0 0 2px rgba($fired-up, 0.35);
}