Màu có tên gần nhất · #D36F73
#D36F73
Màu có tên gần nhất: Lipstick Illusion
#D36F73 (rgb(211 111 115), hsl(358 53% 63%), oklch(0.657 0.126 18.6)) gần nhất với màu có tên Lipstick Illusion. 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.
#D36F73
oklch(0.657 0.126 18.6)
Chuyển đổi màu
- HEX
- #d36f73
- RGB
- rgb(211 111 115)
- HSL
- hsl(358 53% 63%)
- HWB
- hwb(358 44% 17%)
- OKLCH
- oklch(0.657 0.126 18.6)
- OKLab
- oklab(0.657 0.119 0.04)
- CIE Lab
- lab(58.91 40.39 16.63)
- LCH
- lch(58.91 43.68 22.4)
- CMYK
- cmyk(0% 47% 45% 17%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D97E80
- DE8C8E
- E49B9B
- E9A9A9
- EDB7B7
- F1C5C5
- F5D4D3
- F9E2E2
- FCF1F0
Sắc đậm
- B76063
- 9C5154
- 824245
- 693436
- 512728
- 3A1A1B
- 240E0F
- 100405
- 020101
Sắc xám
- CB7274
- C47476
- BC7677
- B47879
- AC7A7A
- A37B7B
- 9B7D7C
- 927E7E
- 897F7F
Hòa sắc
Bổ túc +180°
- D36F73
Lipstick Illusion
- 00A6AB
≈ Blue Bolero
Tương đồng -30° +30°
- D36F73
Lipstick Illusion
- C96F9E
≈ Fuchsia Kiss
- CE7847
≈ Striking Orange
Bộ ba +120° +240°
- D36F73
Lipstick Illusion
- 68A356
≈ Off Green
- 6092DD
≈ Little Boy Blue
Bổ túc chia +150° +210°
- D36F73
Lipstick Illusion
- 1EA983
≈ Simply Green
- 139FCE
≈ Blue Burst
Bộ bốn +90° +180° +270°
- D36F73
Lipstick Illusion
- 98972B
≈ Appletini
- 00A6AB
≈ Blue Bolero
- 8F83D9
≈ Indigo Bloom
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.33:1 · APCA Lc 60
Ag
AATrên nền đen
WCAG 6.29:1 · APCA Lc 41
Màu chữ tốt nhất: #000000
WCAG 6.29:1 (AA) · APCA Lc 41
Contrast pairs
Đoạn mã
CSS
:root {
--lipstick-illusion: #d36f73;
--lipstick-illusion-rgb: 211 111 115;
--lipstick-illusion-oklch: oklch(0.657 0.126 18.6);
}
.element {
color: var(--lipstick-illusion);
background-color: hsl(358 53% 63%);
border-color: oklch(0.657 0.126 18.6);
}Tailwind CSS v4
@theme {
--color-lipstick-illusion: #d36f73;
--color-lipstick-illusion-50: #ffe8e6;
--color-lipstick-illusion-100: #ffd8d6;
--color-lipstick-illusion-200: #ffbfbd;
--color-lipstick-illusion-300: #f19d9c;
--color-lipstick-illusion-400: #df7e81;
--color-lipstick-illusion-500: #cc5f65;
--color-lipstick-illusion-600: #ac5156;
--color-lipstick-illusion-700: #8a4144;
--color-lipstick-illusion-800: #672e33;
--color-lipstick-illusion-900: #481f22;
--color-lipstick-illusion-950: #2f0e12;
}SCSS
$lipstick-illusion: #d36f73;
$lipstick-illusion-rgb: 211, 111, 115;
$lipstick-illusion-light: mix(#fff, $lipstick-illusion, 20%);
$lipstick-illusion-dark: mix(#000, $lipstick-illusion, 20%);
.element {
color: $lipstick-illusion;
box-shadow: 0 0 0 2px rgba($lipstick-illusion, 0.35);
}