Màu có tên gần nhất · #DA9F8B
#DA9F8B
Màu có tên gần nhất: Shy Champagne Blush
#DA9F8B (rgb(218 159 139), hsl(15 52% 70%), oklch(0.754 0.076 39.5)) gần nhất với màu có tên Shy Champagne Blush. 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.
#DA9F8B
oklch(0.754 0.076 39.5)
Chuyển đổi màu
- HEX
- #da9f8b
- RGB
- rgb(218 159 139)
- HSL
- hsl(15 52% 70%)
- HWB
- hwb(15 55% 15%)
- OKLCH
- oklch(0.754 0.076 39.5)
- OKLab
- oklab(0.754 0.059 0.049)
- CIE Lab
- lab(70.88 20.71 19.57)
- LCH
- lch(70.88 28.5 43.4)
- CMYK
- cmyk(0% 27% 36% 15%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DEA896
- E2B2A2
- E6BCAD
- EAC5B9
- EECFC4
- F2D8D0
- F5E2DB
- F8ECE7
- FCF5F3
Sắc đậm
- BD8A78
- A27566
- 876154
- 6C4D43
- 543B32
- 3C2923
- 251814
- 110907
- 020101
Sắc xám
- D19C8A
- C89989
- BF9688
- B69387
- AD9086
- A48D85
- 9B8A84
- 928683
- 898381
Hòa sắc
Bổ túc +180°
- DA9F8B
Shy Champagne Blush
- 75BBD0
≈ Blue Brocade
Tương đồng -30° +30°
- DA9F8B
Shy Champagne Blush
- DA9BA4
≈ Glamour
- CFA77A
≈ City Sunrise
Bộ ba +120° +240°
- DA9F8B
Shy Champagne Blush
- 84BE9E
≈ Grand Gusto
- A5AADF
≈ Childish Wonder
Bổ túc chia +150° +210°
- DA9F8B
Shy Champagne Blush
- 73BFB9
≈ Tropic Tide
- 8AB3DE
≈ Dun Morogh Blue
Bộ bốn +90° +180° +270°
- DA9F8B
Shy Champagne Blush
- A0B986
≈ Glendale
- 75BBD0
≈ Blue Brocade
- BEA2D4
≈ Enchanted Lavender
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.25:1 · APCA Lc 44
Ag
AAATrên nền đen
WCAG 9.31:1 · APCA Lc 58
Màu chữ tốt nhất: #000000
WCAG 9.31:1 (AAA) · APCA Lc 58
Contrast pairs
Đoạn mã
CSS
:root {
--shy-champagne-blush: #da9f8b;
--shy-champagne-blush-rgb: 218 159 139;
--shy-champagne-blush-oklch: oklch(0.754 0.076 39.5);
}
.element {
color: var(--shy-champagne-blush);
background-color: hsl(15 52% 70%);
border-color: oklch(0.754 0.076 39.5);
}Tailwind CSS v4
@theme {
--color-shy-champagne-blush: #da9f8b;
--color-shy-champagne-blush-50: #ffefe5;
--color-shy-champagne-blush-100: #ffe0d5;
--color-shy-champagne-blush-200: #f2cabb;
--color-shy-champagne-blush-300: #daab99;
--color-shy-champagne-blush-400: #c68f7d;
--color-shy-champagne-blush-500: #b27460;
--color-shy-champagne-blush-600: #966351;
--color-shy-champagne-blush-700: #794f41;
--color-shy-champagne-blush-800: #59392f;
--color-shy-champagne-blush-900: #3f2720;
--color-shy-champagne-blush-950: #28150f;
}SCSS
$shy-champagne-blush: #da9f8b;
$shy-champagne-blush-rgb: 218, 159, 139;
$shy-champagne-blush-light: mix(#fff, $shy-champagne-blush, 20%);
$shy-champagne-blush-dark: mix(#000, $shy-champagne-blush, 20%);
.element {
color: $shy-champagne-blush;
box-shadow: 0 0 0 2px rgba($shy-champagne-blush, 0.35);
}