Màu có tên gần nhất · #CAA880
#CAA880
Màu có tên gần nhất: Latte
#CAA880 (rgb(202 168 128), hsl(32 41% 65%), oklch(0.752 0.067 71.1)) gần nhất với màu có tên Latte. 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.
#CAA880
oklch(0.752 0.067 71.1)
Chuyển đổi màu
- HEX
- #caa880
- RGB
- rgb(202 168 128)
- HSL
- hsl(32 41% 65%)
- HWB
- hwb(32 50% 21%)
- OKLCH
- oklch(0.752 0.067 71.1)
- OKLab
- oklab(0.752 0.022 0.063)
- CIE Lab
- lab(71.23 8.73 25.61)
- LCH
- lch(71.23 27.06 71.2)
- CMYK
- cmyk(0% 17% 37% 21%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CFB18D
- D5B999
- DAC2A6
- DFCAB2
- E5D3BF
- EADCCC
- EFE5D8
- F5EDE5
- FAF6F2
Sắc đậm
- AF926E
- 957C5D
- 7C674D
- 64523D
- 4D3F2E
- 372C1F
- 221A12
- 0F0A06
- 020101
Sắc xám
- C2A480
- BBA081
- B39C81
- AC9881
- A59481
- 9D9081
- 968C81
- 8F8881
- 878480
Hòa sắc
Bổ túc +180°
- CAA880
Latte
- 8FB2D8
≈ Echo Isles Water
Tương đồng -30° +30°
- CAA880
Latte
- D4A18E
≈ Indian Mesa
- B7B07F
≈ Leek Powder
Bộ ba +120° +240°
- CAA880
Latte
- 7BBDB9
≈ Polished Aqua
- BCA3CE
≈ Lucius Lilac
Bổ túc chia +150° +210°
- CAA880
Latte
- 7EB9CD
≈ Petit Four
- A7AAD9
≈ Childish Wonder
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 2.22:1 · APCA Lc 44
Ag
AAATrên nền đen
WCAG 9.42:1 · APCA Lc 58
Màu chữ tốt nhất: #000000
WCAG 9.42:1 (AAA) · APCA Lc 58
Contrast pairs
Đoạn mã
CSS
:root {
--latte: #caa880;
--latte-rgb: 202 168 128;
--latte-oklch: oklch(0.752 0.067 71.1);
}
.element {
color: var(--latte);
background-color: hsl(32 41% 65%);
border-color: oklch(0.752 0.067 71.1);
}Tailwind CSS v4
@theme {
--color-latte: #caa880;
--color-latte-50: #fff3e1;
--color-latte-100: #f6e5d0;
--color-latte-200: #e6d0b5;
--color-latte-300: #cdb392;
--color-latte-400: #b89873;
--color-latte-500: #a27f54;
--color-latte-600: #896b47;
--color-latte-700: #6e5639;
--color-latte-800: #523e28;
--color-latte-900: #392b1b;
--color-latte-950: #23180b;
}SCSS
$latte: #caa880;
$latte-rgb: 202, 168, 128;
$latte-light: mix(#fff, $latte, 20%);
$latte-dark: mix(#000, $latte, 20%);
.element {
color: $latte;
box-shadow: 0 0 0 2px rgba($latte, 0.35);
}