Colore con nome · #FEBCAD
Egyptian Javelin
Egyptian Javelin è #FEBCAD: rgb(254 188 173), hsl(11 98% 84%), oklch(0.852 0.08 33.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Egyptian Javelin color name →
#FEBCAD
oklch(0.852 0.08 33.2)
Conversioni di colore
- HEX
- #febcad
- RGB
- rgb(254 188 173)
- HSL
- hsl(11 98% 84%)
- HWB
- hwb(11 68% 0%)
- OKLCH
- oklch(0.852 0.08 33.2)
- OKLab
- oklab(0.852 0.067 0.044)
- CIE Lab
- lab(82.18 23.08 17.44)
- LCH
- lch(82.18 28.93 37.1)
- CMYK
- cmyk(0% 26% 32% 0%)
Tinte · Ombre · Toni
Tinte
- FFC3B5
- FFCABD
- FFD0C5
- FFD7CE
- FFDED6
- FFE4DE
- FFEBE6
- FFF2EE
- FFF8F7
Ombre
- DDA396
- BD8B7F
- 9E736A
- 805D55
- 634741
- 47322D
- 2D1F1B
- 160D0B
- 030201
Toni
- F1B6A9
- E4B0A4
- D7AAA0
- CBA49B
- BE9E97
- B29892
- A5928E
- 998C89
- 8C8685
Armonie di colore
Complementare +180°
- FEBCAD
Egyptian Javelin
- 8FDDEE
≈ Photon Barrier
Analogo -30° +30°
- FEBCAD
Egyptian Javelin
- FCB9C9
≈ Cherry Blossom Pink
- F4C498
≈ Cream Blush
Triadico +120° +240°
- FEBCAD
Egyptian Javelin
- A7DEB6
≈ Celtic Spring
- BECCFF
≈ Light Periwinkle
Complementare divisa +150° +210°
- FEBCAD
Egyptian Javelin
- 91E0D3
≈ Pale Robin Egg Blue
- A1D5FF
≈ Malmö FF
Tetradico +90° +180° +270°
- FEBCAD
Egyptian Javelin
- C4D89E
≈ Lickety Split
- 8FDDEE
≈ Photon Barrier
- D9C2FA
≈ Neon Boneyard
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.61:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.01:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 13.01:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--egyptian-javelin: #febcad;
--egyptian-javelin-rgb: 254 188 173;
--egyptian-javelin-oklch: oklch(0.852 0.08 33.2);
}
.element {
color: var(--egyptian-javelin);
background-color: hsl(11 98% 84%);
border-color: oklch(0.852 0.08 33.2);
}Tailwind CSS v4
@theme {
--color-egyptian-javelin: #febcad;
--color-egyptian-javelin-50: #ffeee6;
--color-egyptian-javelin-100: #ffdfd6;
--color-egyptian-javelin-200: #f4c9be;
--color-egyptian-javelin-300: #dda99c;
--color-egyptian-javelin-400: #c98d80;
--color-egyptian-javelin-500: #b57264;
--color-egyptian-javelin-600: #996155;
--color-egyptian-javelin-700: #7a4d43;
--color-egyptian-javelin-800: #5b3831;
--color-egyptian-javelin-900: #402621;
--color-egyptian-javelin-950: #281411;
}SCSS
$egyptian-javelin: #febcad;
$egyptian-javelin-rgb: 254, 188, 173;
$egyptian-javelin-light: mix(#fff, $egyptian-javelin, 20%);
$egyptian-javelin-dark: mix(#000, $egyptian-javelin, 20%);
.element {
color: $egyptian-javelin;
box-shadow: 0 0 0 2px rgba($egyptian-javelin, 0.35);
}