Màu có tên gần nhất · #E14B75
#E14B75
Màu có tên gần nhất: Fever Dream
#E14B75 (rgb(225 75 117), hsl(343 71% 59%), oklch(0.631 0.187 7.3)) gần nhất với màu có tên Fever Dream. 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.
#E14B75
oklch(0.631 0.187 7.3)
Chuyển đổi màu
- HEX
- #e14b75
- RGB
- rgb(225 75 117)
- HSL
- hsl(343 71% 59%)
- HWB
- hwb(343 29% 12%)
- OKLCH
- oklch(0.631 0.187 7.3)
- OKLab
- oklab(0.631 0.186 0.024)
- CIE Lab
- lab(54.94 61.07 10.46)
- LCH
- lch(54.94 61.96 9.7)
- CMYK
- cmyk(0% 67% 48% 12%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E76082
- EC748F
- F0869C
- F498AA
- F8A9B8
- FBBBC6
- FDCCD4
- FEDDE2
- FFEEF0
Sắc đậm
- C44065
- A73555
- 8B2B46
- 702137
- 561729
- 3E0E1C
- 27060F
- 120205
- 020001
Sắc xám
- D95476
- D05B77
- C76178
- BE677A
- B56C7B
- AB717C
- A1757D
- 97797E
- 8C7D7F
Hòa sắc
Bổ túc +180°
- E14B75
Fever Dream
- 009E95
≈ Caribbean Turquoise
Tương đồng -30° +30°
- E14B75
Fever Dream
- CD53B1
≈ Krameria
- E35425
≈ Scorpio Scarlet Seal
Bộ ba +120° +240°
- E14B75
Fever Dream
- 6E9A00
≈ Gecko’s Dream
- 008EE8
≈ Bleu de France
Bổ túc chia +150° +210°
- E14B75
Fever Dream
- 00A364
≈ Alhambra Green
- 0099B6
≈ Barrier Reef
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.84:1 · APCA Lc 65
Ag
AATrên nền đen
WCAG 5.46:1 · APCA Lc 37
Màu chữ tốt nhất: #000000
WCAG 5.46:1 (AA) · APCA Lc 37
Contrast pairs
Đoạn mã
CSS
:root {
--fever-dream: #e14b75;
--fever-dream-rgb: 225 75 117;
--fever-dream-oklch: oklch(0.631 0.187 7.3);
}
.element {
color: var(--fever-dream);
background-color: hsl(343 71% 59%);
border-color: oklch(0.631 0.187 7.3);
}Tailwind CSS v4
@theme {
--color-fever-dream: #e14b75;
--color-fever-dream-50: #ffe0e9;
--color-fever-dream-100: #ffceda;
--color-fever-dream-200: #ffb2c3;
--color-fever-dream-300: #ff8ca3;
--color-fever-dream-400: #f6678b;
--color-fever-dream-500: #e43b70;
--color-fever-dream-600: #c1345f;
--color-fever-dream-700: #9b2a4c;
--color-fever-dream-800: #731d39;
--color-fever-dream-900: #521327;
--color-fever-dream-950: #360415;
}SCSS
$fever-dream: #e14b75;
$fever-dream-rgb: 225, 75, 117;
$fever-dream-light: mix(#fff, $fever-dream, 20%);
$fever-dream-dark: mix(#000, $fever-dream, 20%);
.element {
color: $fever-dream;
box-shadow: 0 0 0 2px rgba($fever-dream, 0.35);
}