Couleur nommée · #E35F1C
Blazon Skies
Blazon Skies correspond à #E35F1C : rgb(227 95 28), hsl(20 78% 50%), oklch(0.645 0.18 42.8). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Blazon Skies color name →
#E35F1C
oklch(0.645 0.18 42.8)
Conversions de couleur
- HEX
- #e35f1c
- RGB
- rgb(227 95 28)
- HSL
- hsl(20 78% 50%)
- HWB
- hwb(20 11% 11%)
- OKLCH
- oklch(0.645 0.18 42.8)
- OKLab
- oklab(0.645 0.132 0.122)
- CIE Lab
- lab(57.43 50.29 60.27)
- LCH
- lch(57.43 78.5 50.2)
- CMYK
- cmyk(0% 58% 88% 11%)
Teintes · Ombres · Tons
Teintes
- E8713D
- ED8255
- F1926C
- F4A281
- F7B296
- FAC2AB
- FCD1C0
- FEE0D5
- FFF0EA
Ombres
- C55217
- A84412
- 8C380D
- 712C08
- 572005
- 3F1502
- 270A01
- 120300
- 030000
Tons
- DA642F
- D1693C
- C86D48
- BE7152
- B5745A
- AB7763
- A17A6B
- 967C72
- 8B7E79
Harmonies de couleurs
Complémentaire +180°
- E35F1C
Blazon Skies
- 009DC2
≈ Blue Ocean
Analogue -30° +30°
- E35F1C
Blazon Skies
- E5546E
≈ Bara Red
- BF7E00
≈ Guo Tie Dumpling
Triadique +120° +240°
- E35F1C
Blazon Skies
- 00A774
≈ Bluish Green
- 817AF6
≈ Blue Party Parrot
Complémentaire divisée +150° +210°
- E35F1C
Blazon Skies
- 00A2A0
≈ Aqua Velvet
- 268FF6
≈ Clear Chill
Tétradique +90° +180° +270°
- E35F1C
Blazon Skies
- 60A306
≈ Prairie Green
- 009DC2
≈ Blue Ocean
- B367DA
≈ Rich Lilac
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.54:1 · APCA Lc 62
Ag
AASur noir
WCAG 5.91:1 · APCA Lc 39
Meilleure couleur de texte: #000000
WCAG 5.91:1 (AA) · APCA Lc 39
Contrast pairs
Extraits de code
CSS
:root {
--blazon-skies: #e35f1c;
--blazon-skies-rgb: 227 95 28;
--blazon-skies-oklch: oklch(0.645 0.18 42.8);
}
.element {
color: var(--blazon-skies);
background-color: hsl(20 78% 50%);
border-color: oklch(0.645 0.18 42.8);
}Tailwind CSS v4
@theme {
--color-blazon-skies: #e35f1c;
--color-blazon-skies-50: #ffe6cb;
--color-blazon-skies-100: #ffd6b7;
--color-blazon-skies-200: #ffbb94;
--color-blazon-skies-300: #ff9766;
--color-blazon-skies-400: #f3743c;
--color-blazon-skies-500: #e14f00;
--color-blazon-skies-600: #be4400;
--color-blazon-skies-700: #993600;
--color-blazon-skies-800: #732501;
--color-blazon-skies-900: #511902;
--color-blazon-skies-950: #360800;
}SCSS
$blazon-skies: #e35f1c;
$blazon-skies-rgb: 227, 95, 28;
$blazon-skies-light: mix(#fff, $blazon-skies, 20%);
$blazon-skies-dark: mix(#000, $blazon-skies, 20%);
.element {
color: $blazon-skies;
box-shadow: 0 0 0 2px rgba($blazon-skies, 0.35);
}