Colore con nome · #EF9A49
Question Mark Block
Question Mark Block è #EF9A49: rgb(239 154 73), hsl(29 84% 61%), oklch(0.758 0.139 61.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Question Mark Block color name →
#EF9A49
oklch(0.758 0.139 61.5)
Conversioni di colore
- HEX
- #ef9a49
- RGB
- rgb(239 154 73)
- HSL
- hsl(29 84% 61%)
- HWB
- hwb(29 29% 6%)
- OKLCH
- oklch(0.758 0.139 61.5)
- OKLab
- oklab(0.758 0.067 0.122)
- CIE Lab
- lab(71.4 27.72 54.79)
- LCH
- lch(71.4 61.4 63.2)
- CMYK
- cmyk(0% 36% 69% 6%)
Tinte · Ombre · Toni
Tinte
- F2A55F
- F4AF73
- F6B985
- F8C397
- FACDA9
- FBD7BA
- FCE1CB
- FDEBDD
- FEF5EE
Ombre
- D0853E
- B17134
- 945E2A
- 784B20
- 5C3917
- 42270E
- 2A1706
- 140902
- 030100
Toni
- E49852
- D9965A
- CE9360
- C39166
- B88E6C
- AD8C70
- A28975
- 978679
- 8B837D
Armonie di colore
Complementare +180°
- EF9A49
Question Mark Block
- 54BAFF
≈ Hello Summer
Analogo -30° +30°
- EF9A49
Question Mark Block
- FC8C78
≈ Hot Calypso
- D1AC32
≈ Brassy
Triadico +120° +240°
- EF9A49
Question Mark Block
- 00CCB6
≈ Pristine Oceanic
- C09AFA
≈ Baby Purple
Complementare divisa +150° +210°
- EF9A49
Question Mark Block
- 00C6E0
≈ Caribbean Blue
- 94ABFF
≈ Widowmaker
Tetradico +90° +180° +270°
- EF9A49
Question Mark Block
- 65C983
≈ Spring Bouquet
- 54BAFF
≈ Hello Summer
- E38ED8
≈ Love Dust
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.23:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.38:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.38:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--question-mark-block: #ef9a49;
--question-mark-block-rgb: 239 154 73;
--question-mark-block-oklch: oklch(0.758 0.139 61.5);
}
.element {
color: var(--question-mark-block);
background-color: hsl(29 84% 61%);
border-color: oklch(0.758 0.139 61.5);
}Tailwind CSS v4
@theme {
--color-question-mark-block: #ef9a49;
--color-question-mark-block-50: #ffedcd;
--color-question-mark-block-100: #ffdfb8;
--color-question-mark-block-200: #ffc896;
--color-question-mark-block-300: #eaa769;
--color-question-mark-block-400: #d9893d;
--color-question-mark-block-500: #c66c00;
--color-question-mark-block-600: #a75c00;
--color-question-mark-block-700: #864900;
--color-question-mark-block-800: #643400;
--color-question-mark-block-900: #472401;
--color-question-mark-block-950: #2e1200;
}SCSS
$question-mark-block: #ef9a49;
$question-mark-block-rgb: 239, 154, 73;
$question-mark-block-light: mix(#fff, $question-mark-block, 20%);
$question-mark-block-dark: mix(#000, $question-mark-block, 20%);
.element {
color: $question-mark-block;
box-shadow: 0 0 0 2px rgba($question-mark-block, 0.35);
}