Màu có tên gần nhất · #CB8147
#CB8147
Màu có tên gần nhất: Peru
#CB8147 (rgb(203 129 71), hsl(26 56% 54%), oklch(0.669 0.118 57)) gần nhất với màu có tên Peru. 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.
#CB8147
oklch(0.669 0.118 57)
Chuyển đổi màu
- HEX
- #cb8147
- RGB
- rgb(203 129 71)
- HSL
- hsl(26 56% 54%)
- HWB
- hwb(26 28% 20%)
- OKLCH
- oklch(0.669 0.118 57)
- OKLab
- oklab(0.669 0.064 0.099)
- CIE Lab
- lab(61.14 25.51 43.22)
- LCH
- lch(61.14 50.19 59.4)
- CMYK
- cmyk(0% 36% 65% 20%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D18E5B
- D79A6E
- DDA780
- E2B392
- E7C0A4
- ECCCB6
- F1D9C8
- F6E6DA
- FBF2ED
Sắc đậm
- B06F3D
- 965E32
- 7D4E28
- 653E1F
- 4D2E16
- 371F0D
- 221206
- 0F0602
- 020100
Sắc xám
- C4814F
- BD8256
- B5825C
- AE8262
- A78268
- 9F826D
- 978172
- 908177
- 88817C
Hòa sắc
Bổ túc +180°
- CB8147
Peru
- 419FD4
≈ Peaceful River
Tương đồng -30° +30°
- CB8147
Peru
- D4776D
≈ Light Tomato
- B49032
≈ Balsam Pear
Bộ ba +120° +240°
- CB8147
Peru
- 21AC94
≈ Hobgoblin
- 9D85D4
≈ Lilac Purple
Bổ túc chia +150° +210°
- CB8147
Peru
- 00A8B9
≈ Bluebird
- 7492DE
≈ Little Boy 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 3.10:1 · APCA Lc 58
Ag
AATrên nền đen
WCAG 6.77:1 · APCA Lc 44
Màu chữ tốt nhất: #000000
WCAG 6.77:1 (AA) · APCA Lc 44
Contrast pairs
Đoạn mã
CSS
:root {
--peru: #cb8147;
--peru-rgb: 203 129 71;
--peru-oklch: oklch(0.669 0.118 57);
}
.element {
color: var(--peru);
background-color: hsl(26 56% 54%);
border-color: oklch(0.669 0.118 57);
}Tailwind CSS v4
@theme {
--color-peru: #cb8147;
--color-peru-50: #ffeed4;
--color-peru-100: #ffdfc2;
--color-peru-200: #fbc9a2;
--color-peru-300: #e5a97a;
--color-peru-400: #d38c55;
--color-peru-500: #bf6f2b;
--color-peru-600: #a25f26;
--color-peru-700: #824b1e;
--color-peru-800: #613615;
--color-peru-900: #44250d;
--color-peru-950: #2c1302;
}SCSS
$peru: #cb8147;
$peru-rgb: 203, 129, 71;
$peru-light: mix(#fff, $peru, 20%);
$peru-dark: mix(#000, $peru, 20%);
.element {
color: $peru;
box-shadow: 0 0 0 2px rgba($peru, 0.35);
}