Colore con nome · #E34244
Vermilion Cinnabar
Vermilion Cinnabar è #E34244: rgb(227 66 68), hsl(359 74% 57%), oklch(0.615 0.198 24.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Vermilion Cinnabar color name →
#E34244
oklch(0.615 0.198 24.5)
Conversioni di colore
- HEX
- #e34244
- RGB
- rgb(227 66 68)
- HSL
- hsl(359 74% 57%)
- HWB
- hwb(359 26% 11%)
- OKLCH
- oklch(0.615 0.198 24.5)
- OKLab
- oklab(0.615 0.18 0.082)
- CIE Lab
- lab(53.33 62.6 37.34)
- LCH
- lch(53.33 72.89 30.8)
- CMYK
- cmyk(0% 71% 70% 11%)
Tinte · Ombre · Toni
Tinte
- E95A57
- EE6F69
- F2827C
- F6958E
- FAA7A0
- FCB9B3
- FECBC6
- FFDCD9
- FFEEEC
Ombre
- C5383A
- A82F30
- 8C2526
- 711C1D
- 571414
- 3F0B0C
- 270505
- 120102
- 030000
Toni
- DA4D4B
- D25652
- C95D58
- C0645F
- B66A65
- AD6F6A
- A27470
- 987875
- 8C7C7B
Armonie di colore
Complementare +180°
- E34244
Vermilion Cinnabar
- 0096A2
≈ Tile Blue
Analogo -30° +30°
- E34244
Vermilion Cinnabar
- D9428C
≈ Prunus Avium
- C86600
≈ Curry Powder
Triadico +120° +240°
- E34244
Vermilion Cinnabar
- 00A126
≈ Space Invader
- 477BFA
≈ Lightish Blue
Complementare divisa +150° +210°
- E34244
Vermilion Cinnabar
- 009B80
≈ Paolo Veronese Green
- 0090C6
≈ Parrotfish Blue
Tetradico +90° +180° +270°
- E34244
Vermilion Cinnabar
- 838D00
≈ Foggy Bog
- 0096A2
≈ Tile Blue
- 8F64ED
≈ Forgotten Kyawthuite
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.09:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.12:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.12:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--vermilion-cinnabar: #e34244;
--vermilion-cinnabar-rgb: 227 66 68;
--vermilion-cinnabar-oklch: oklch(0.615 0.198 24.5);
}
.element {
color: var(--vermilion-cinnabar);
background-color: hsl(359 74% 57%);
border-color: oklch(0.615 0.198 24.5);
}Tailwind CSS v4
@theme {
--color-vermilion-cinnabar: #e34244;
--color-vermilion-cinnabar-50: #ffe0d7;
--color-vermilion-cinnabar-100: #ffcfc5;
--color-vermilion-cinnabar-200: #ffb2a7;
--color-vermilion-cinnabar-300: #ff8b80;
--color-vermilion-cinnabar-400: #fe6561;
--color-vermilion-cinnabar-500: #ed363d;
--color-vermilion-cinnabar-600: #c83035;
--color-vermilion-cinnabar-700: #a1272a;
--color-vermilion-cinnabar-800: #781a20;
--color-vermilion-cinnabar-900: #551115;
--color-vermilion-cinnabar-950: #390207;
}SCSS
$vermilion-cinnabar: #e34244;
$vermilion-cinnabar-rgb: 227, 66, 68;
$vermilion-cinnabar-light: mix(#fff, $vermilion-cinnabar, 20%);
$vermilion-cinnabar-dark: mix(#000, $vermilion-cinnabar, 20%);
.element {
color: $vermilion-cinnabar;
box-shadow: 0 0 0 2px rgba($vermilion-cinnabar, 0.35);
}