Màu có tên gần nhất · #B06D00
#B06D00
Màu có tên gần nhất: Caramel
#B06D00 (rgb(176 109 0), hsl(37 100% 35%), oklch(0.594 0.13 68.2)) gần nhất với màu có tên Caramel. 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.
#B06D00
oklch(0.594 0.13 68.2)
Chuyển đổi màu
- HEX
- #b06d00
- RGB
- rgb(176 109 0)
- HSL
- hsl(37 100% 35%)
- HWB
- hwb(37 0% 31%)
- OKLCH
- oklch(0.594 0.13 68.2)
- OKLab
- oklab(0.594 0.048 0.121)
- CIE Lab
- lab(52.53 22.66 59.43)
- LCH
- lch(52.53 63.61 69.1)
- CMYK
- cmyk(0% 38% 100% 31%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B97C30
- C18A4B
- C99963
- D1A77A
- D9B690
- E1C4A6
- E9D3BC
- F0E1D2
- F8F0E9
Sắc đậm
- 995E00
- 824F00
- 6C4100
- 563300
- 422600
- 2E1900
- 1C0D00
- 0B0400
- 010100
Sắc xám
- AC7021
- A77232
- A3743F
- 9E764A
- 997854
- 957A5E
- 907C67
- 8B7D70
- 857F78
Hòa sắc
Bổ túc +180°
- B06D00
Caramel
- 3383C8
≈ Worn Denim
Tương đồng -30° +30°
- B06D00
Caramel
- BE5F41
≈ Deep Fire
- 927E00
≈ Moscow Papyrus
Bộ ba +120° +240°
- B06D00
Caramel
- 00928A
≈ Torrid Turquoise
- 9467B9
≈ Viola
Bổ túc chia +150° +210°
- B06D00
Caramel
- 008DA9
≈ Quintana
- 6D74CA
≈ Kickstart Purple
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 4.17:1 · APCA Lc 68
Ag
AATrên nền đen
WCAG 5.03:1 · APCA Lc 33
Màu chữ tốt nhất: #000000
WCAG 5.03:1 (AA) · APCA Lc 33
Contrast pairs
Đoạn mã
CSS
:root {
--caramel: #b06d00;
--caramel-rgb: 176 109 0;
--caramel-oklch: oklch(0.594 0.13 68.2);
}
.element {
color: var(--caramel);
background-color: hsl(37 100% 35%);
border-color: oklch(0.594 0.13 68.2);
}Tailwind CSS v4
@theme {
--color-caramel: #b06d00;
--color-caramel-50: #fff0ce;
--color-caramel-100: #ffe1b9;
--color-caramel-200: #f9cb97;
--color-caramel-300: #e2ac6b;
--color-caramel-400: #d08f3f;
--color-caramel-500: #bd7200;
--color-caramel-600: #a06100;
--color-caramel-700: #804e00;
--color-caramel-800: #603800;
--color-caramel-900: #432602;
--color-caramel-950: #2b1400;
}SCSS
$caramel: #b06d00;
$caramel-rgb: 176, 109, 0;
$caramel-light: mix(#fff, $caramel, 20%);
$caramel-dark: mix(#000, $caramel, 20%);
.element {
color: $caramel;
box-shadow: 0 0 0 2px rgba($caramel, 0.35);
}