Màu có tên gần nhất · #D9BEA8
#D9BEA8
Màu có tên gần nhất: Soba
#D9BEA8 (rgb(217 190 168), hsl(27 39% 75%), oklch(0.819 0.043 61.3)) gần nhất với màu có tên Soba. 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.
#D9BEA8
oklch(0.819 0.043 61.3)
Chuyển đổi màu
- HEX
- #d9bea8
- RGB
- rgb(217 190 168)
- HSL
- hsl(27 39% 75%)
- HWB
- hwb(27 66% 15%)
- OKLCH
- oklch(0.819 0.043 61.3)
- OKLab
- oklab(0.819 0.021 0.038)
- CIE Lab
- lab(78.88 7.41 14.87)
- LCH
- lch(78.88 16.61 63.5)
- CMYK
- cmyk(0% 12% 23% 15%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DDC4B1
- E1CBB9
- E5D1C2
- E8D8CA
- ECDED3
- F0E5DC
- F4EBE4
- F8F2ED
- FBF8F6
Sắc đậm
- BCA592
- A18C7C
- 867567
- 6C5E52
- 53483F
- 3B332C
- 251F1A
- 110D0A
- 020201
Sắc xám
- D0B8A4
- C7B1A0
- BEAB9C
- B5A598
- AC9F94
- A39890
- 9A928C
- 918C88
- 898684
Hòa sắc
Bổ túc +180°
- D9BEA8
Soba
- ACC8DE
≈ Caspian Tide
Tương đồng -30° +30°
- D9BEA8
Soba
- DEBAB3
≈ Cavern Pink
- CEC3A5
≈ Seasoned Salt
Bộ ba +120° +240°
- D9BEA8
Soba
- A6CDC5
≈ Baby Aqua
- C8BEDC
≈ Purple Dragon
Bổ túc chia +150° +210°
- D9BEA8
Soba
- A4CCD4
≈ Drip
- B9C3E0
≈ Etherium Blue
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 1.76:1 · APCA Lc 32
Ag
AAATrên nền đen
WCAG 11.88:1 · APCA Lc 70
Màu chữ tốt nhất: #000000
WCAG 11.88:1 (AAA) · APCA Lc 70
Contrast pairs
Đoạn mã
CSS
:root {
--soba: #d9bea8;
--soba-rgb: 217 190 168;
--soba-oklch: oklch(0.819 0.043 61.3);
}
.element {
color: var(--soba);
background-color: hsl(27 39% 75%);
border-color: oklch(0.819 0.043 61.3);
}Tailwind CSS v4
@theme {
--color-soba: #d9bea8;
--color-soba-50: #fef3e9;
--color-soba-100: #f3e5d9;
--color-soba-200: #e2d1c2;
--color-soba-300: #c8b3a1;
--color-soba-400: #b29985;
--color-soba-500: #9c8069;
--color-soba-600: #846c59;
--color-soba-700: #695747;
--color-soba-800: #4e3f34;
--color-soba-900: #362b23;
--color-soba-950: #211912;
}SCSS
$soba: #d9bea8;
$soba-rgb: 217, 190, 168;
$soba-light: mix(#fff, $soba, 20%);
$soba-dark: mix(#000, $soba, 20%);
.element {
color: $soba;
box-shadow: 0 0 0 2px rgba($soba, 0.35);
}