Màu có tên · #FEBCAD
Egyptian Javelin
Egyptian Javelin là #FEBCAD: rgb(254 188 173), hsl(11 98% 84%), oklch(0.852 0.08 33.2). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Pink mean? → · Egyptian Javelin color name →
#FEBCAD
oklch(0.852 0.08 33.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFC3B5
- FFCABD
- FFD0C5
- FFD7CE
- FFDED6
- FFE4DE
- FFEBE6
- FFF2EE
- FFF8F7
Sắc đậm
- DDA396
- BD8B7F
- 9E736A
- 805D55
- 634741
- 47322D
- 2D1F1B
- 160D0B
- 030201
Sắc xám
- F1B6A9
- E4B0A4
- D7AAA0
- CBA49B
- BE9E97
- B29892
- A5928E
- 998C89
- 8C8685
Hòa sắc
Bổ túc +180°
- FEBCAD
Egyptian Javelin
- 8FDDEE
≈ Photon Barrier
Tương đồng -30° +30°
- FEBCAD
Egyptian Javelin
- FCB9C9
≈ Cherry Blossom Pink
- F4C498
≈ Cream Blush
Bộ ba +120° +240°
- FEBCAD
Egyptian Javelin
- A7DEB6
≈ Celtic Spring
- BECCFF
≈ Light Periwinkle
Bổ túc chia +150° +210°
- FEBCAD
Egyptian Javelin
- 91E0D3
≈ Pale Robin Egg Blue
- A1D5FF
≈ Malmö FF
Bộ bốn +90° +180° +270°
- FEBCAD
Egyptian Javelin
- C4D89E
≈ Lickety Split
- 8FDDEE
≈ Photon Barrier
- D9C2FA
≈ Neon Boneyard
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.61:1 · APCA Lc 27
Ag
AAATrên nền đen
WCAG 13.01:1 · APCA Lc 75
Màu chữ tốt nhất: #000000
WCAG 13.01:1 (AAA) · APCA Lc 75
Contrast pairs
Đoạn mã
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);
}