Colore con nome · #EF8144
Mustard Crusted Salmon
Mustard Crusted Salmon è #EF8144: rgb(239 129 68), hsl(21 84% 60%), oklch(0.715 0.154 47.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Mustard Crusted Salmon color name →
#EF8144
oklch(0.715 0.154 47.6)
Conversioni di colore
- HEX
- #ef8144
- RGB
- rgb(239 129 68)
- HSL
- hsl(21 84% 60%)
- HWB
- hwb(21 27% 6%)
- OKLCH
- oklch(0.715 0.154 47.6)
- OKLab
- oklab(0.715 0.104 0.114)
- CIE Lab
- lab(65.98 39.93 51.57)
- LCH
- lch(65.98 65.22 52.3)
- CMYK
- cmyk(0% 46% 72% 6%)
Tinte · Ombre · Toni
Tinte
- F28E5A
- F59C6D
- F7A880
- FAB593
- FBC2A5
- FDCEB7
- FEDAC9
- FFE7DB
- FFF3ED
Ombre
- D06F3A
- B15E30
- 944E26
- 783E1D
- 5C2E14
- 421F0C
- 2A1205
- 140602
- 030100
Toni
- E4824D
- DA8355
- CF835C
- C48362
- B98368
- AE836E
- A38273
- 978277
- 8C817C
Armonie di colore
Complementare +180°
- EF8144
Mustard Crusted Salmon
- 00B3E6
≈ Blue Atoll
Analogo -30° +30°
- EF8144
Mustard Crusted Salmon
- F4767F
≈ Momo Peach
- D69500
≈ Bonfire Glow
Triadico +120° +240°
- EF8144
Mustard Crusted Salmon
- 00BF91
≈ Blarney
- 9F91FD
≈ Cobalite
Complementare divisa +150° +210°
- EF8144
Mustard Crusted Salmon
- 00BABE
≈ Jade Gravel
- 64A4FF
≈ Âbi Blue
Tetradico +90° +180° +270°
- EF8144
Mustard Crusted Salmon
- 71B954
≈ Turtle Green
- 00B3E6
≈ Blue Atoll
- CA82E2
≈ Lavender Perceptions
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.66:1 · APCA Lc 51
Ag
AAASu nero
WCAG 7.89:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 7.89:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--mustard-crusted-salmon: #ef8144;
--mustard-crusted-salmon-rgb: 239 129 68;
--mustard-crusted-salmon-oklch: oklch(0.715 0.154 47.6);
}
.element {
color: var(--mustard-crusted-salmon);
background-color: hsl(21 84% 60%);
border-color: oklch(0.715 0.154 47.6);
}Tailwind CSS v4
@theme {
--color-mustard-crusted-salmon: #ef8144;
--color-mustard-crusted-salmon-50: #ffe9cf;
--color-mustard-crusted-salmon-100: #ffdabb;
--color-mustard-crusted-salmon-200: #ffc199;
--color-mustard-crusted-salmon-300: #f79f6d;
--color-mustard-crusted-salmon-400: #e67f46;
--color-mustard-crusted-salmon-500: #d45e01;
--color-mustard-crusted-salmon-600: #b3500a;
--color-mustard-crusted-salmon-700: #90400a;
--color-mustard-crusted-salmon-800: #6c2d09;
--color-mustard-crusted-salmon-900: #4c1f06;
--color-mustard-crusted-salmon-950: #320e00;
}SCSS
$mustard-crusted-salmon: #ef8144;
$mustard-crusted-salmon-rgb: 239, 129, 68;
$mustard-crusted-salmon-light: mix(#fff, $mustard-crusted-salmon, 20%);
$mustard-crusted-salmon-dark: mix(#000, $mustard-crusted-salmon, 20%);
.element {
color: $mustard-crusted-salmon;
box-shadow: 0 0 0 2px rgba($mustard-crusted-salmon, 0.35);
}