Màu có tên gần nhất · #D2B6A4
#D2B6A4
Màu có tên gần nhất: Soba
#D2B6A4 (rgb(210 182 164), hsl(23 34% 73%), oklch(0.796 0.041 54.7)) 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.
#D2B6A4
oklch(0.796 0.041 54.7)
Chuyển đổi màu
- HEX
- #d2b6a4
- RGB
- rgb(210 182 164)
- HSL
- hsl(23 34% 73%)
- HWB
- hwb(23 64% 18%)
- OKLCH
- oklch(0.796 0.041 54.7)
- OKLab
- oklab(0.796 0.024 0.033)
- CIE Lab
- lab(76.15 8.31 13.1)
- LCH
- lch(76.15 15.51 57.6)
- CMYK
- cmyk(0% 13% 22% 18%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D7BDAD
- DBC4B6
- E0CCBF
- E4D3C8
- E9DAD1
- EDE1DA
- F2E9E3
- F6F0EC
- FBF8F6
Sắc đậm
- B69E8E
- 9B8679
- 816F64
- 685950
- 50443D
- 39302B
- 241D1A
- 100C0A
- 020201
Sắc xám
- CAB0A0
- C1AB9D
- B9A699
- B1A096
- A89B92
- A0958E
- 98908B
- 908B87
- 888584
Hòa sắc
Bổ túc +180°
- D2B6A4
Soba
- A4C1D3
≈ Simpatico Blue
Tương đồng -30° +30°
- D2B6A4
Soba
- D6B3AF
≈ Victoriana
- C9BB9F
≈ Land Rush Bone
Bộ ba +120° +240°
Bổ túc chia +150° +210°
- D2B6A4
Soba
- 9FC4C9
≈ Agua Fría
- AFBDD7
≈ Pigeon Post
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.91:1 · APCA Lc 37
Ag
AAATrên nền đen
WCAG 10.96:1 · APCA Lc 66
Màu chữ tốt nhất: #000000
WCAG 10.96:1 (AAA) · APCA Lc 66
Contrast pairs
Đoạn mã
CSS
:root {
--soba: #d2b6a4;
--soba-rgb: 210 182 164;
--soba-oklch: oklch(0.796 0.041 54.7);
}
.element {
color: var(--soba);
background-color: hsl(23 34% 73%);
border-color: oklch(0.796 0.041 54.7);
}Tailwind CSS v4
@theme {
--color-soba: #d2b6a4;
--color-soba-50: #fff2ea;
--color-soba-100: #f3e5db;
--color-soba-200: #e3d0c4;
--color-soba-300: #c8b3a4;
--color-soba-400: #b29988;
--color-soba-500: #9c7f6d;
--color-soba-600: #846c5c;
--color-soba-700: #6a564a;
--color-soba-800: #4e3f35;
--color-soba-900: #362b24;
--color-soba-950: #211813;
}SCSS
$soba: #d2b6a4;
$soba-rgb: 210, 182, 164;
$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);
}