Colore con nome · #ED2C1A
Don’t Be Shy
Don’t Be Shy è #ED2C1A: rgb(237 44 26), hsl(5 85% 52%), oklch(0.611 0.228 30.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Don’t Be Shy color name →
#ED2C1A
oklch(0.611 0.228 30.1)
Conversioni di colore
- HEX
- #ed2c1a
- RGB
- rgb(237 44 26)
- HSL
- hsl(5 85% 52%)
- HWB
- hwb(5 10% 7%)
- OKLCH
- oklch(0.611 0.228 30.1)
- OKLab
- oklab(0.611 0.197 0.114)
- CIE Lab
- lab(52.63 70.9 58.93)
- LCH
- lch(52.63 92.19 39.7)
- CMYK
- cmyk(0% 81% 89% 7%)
Tinte · Ombre · Toni
Tinte
- F24D3A
- F76652
- FB7B68
- FE907E
- FFA393
- FFB6A9
- FFC8BE
- FFDBD4
- FFEDE9
Ombre
- CE2515
- B01E10
- 93170C
- 771107
- 5C0A04
- 420502
- 2A0201
- 140100
- 030000
Toni
- E43E2C
- DA4B39
- D05545
- C65E4F
- BC6558
- B16C61
- A67269
- 9A7771
- 8E7C78
Armonie di colore
Complementare +180°
- ED2C1A
Don’t Be Shy
- 0094A6
≈ Brilliant
Analogo -30° +30°
- ED2C1A
Don’t Be Shy
- E5267D
≈ Mystic Magenta
- C06B00
≈ Thai Curry
Triadico +120° +240°
- ED2C1A
Don’t Be Shy
- 009E48
≈ Link Green
- 5573FF
≈ Lightish Blue
Complementare divisa +150° +210°
- ED2C1A
Don’t Be Shy
- 009986
≈ Plumage
- 008CCE
≈ Zürich Blue
Tetradico +90° +180° +270°
- ED2C1A
Don’t Be Shy
- 798F00
≈ Canopy
- 0094A6
≈ Brilliant
- 9C54F4
≈ Aconite Violet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.22:1 · APCA Lc 67
Ag
AASu nero
WCAG 4.97:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 4.97:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--don-t-be-shy: #ed2c1a;
--don-t-be-shy-rgb: 237 44 26;
--don-t-be-shy-oklch: oklch(0.611 0.228 30.1);
}
.element {
color: var(--don-t-be-shy);
background-color: hsl(5 85% 52%);
border-color: oklch(0.611 0.228 30.1);
}Tailwind CSS v4
@theme {
--color-don-t-be-shy: #ed2c1a;
--color-don-t-be-shy-50: #ffdecc;
--color-don-t-be-shy-100: #ffccb8;
--color-don-t-be-shy-200: #ffae96;
--color-don-t-be-shy-300: #ff8469;
--color-don-t-be-shy-400: #ff5843;
--color-don-t-be-shy-500: #f91000;
--color-don-t-be-shy-600: #d21706;
--color-don-t-be-shy-700: #a91407;
--color-don-t-be-shy-800: #7f0a0a;
--color-don-t-be-shy-900: #5a0707;
--color-don-t-be-shy-950: #3c0000;
}SCSS
$don-t-be-shy: #ed2c1a;
$don-t-be-shy-rgb: 237, 44, 26;
$don-t-be-shy-light: mix(#fff, $don-t-be-shy, 20%);
$don-t-be-shy-dark: mix(#000, $don-t-be-shy, 20%);
.element {
color: $don-t-be-shy;
box-shadow: 0 0 0 2px rgba($don-t-be-shy, 0.35);
}