Màu có tên gần nhất · #B49F70
#B49F70
Màu có tên gần nhất: Veranda Gold
#B49F70 (rgb(180 159 112), hsl(41 31% 57%), oklch(0.71 0.068 86.6)) gần nhất với màu có tên Veranda Gold. 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.
#B49F70
oklch(0.71 0.068 86.6)
Chuyển đổi màu
- HEX
- #b49f70
- RGB
- rgb(180 159 112)
- HSL
- hsl(41 31% 57%)
- HWB
- hwb(41 44% 29%)
- OKLCH
- oklch(0.71 0.068 86.6)
- OKLab
- oklab(0.71 0.004 0.068)
- CIE Lab
- lab(66.51 2.94 27.54)
- LCH
- lch(66.51 27.7 83.9)
- CMYK
- cmyk(0% 12% 38% 29%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- BBA87E
- C3B28C
- CABB9A
- D2C5A8
- D9CEB7
- E1D8C5
- E8E2D3
- F0EBE2
- F7F5F0
Sắc đậm
- 9C8A60
- 857551
- 6E6143
- 584D35
- 443B27
- 30291A
- 1D180E
- 0C0904
- 020101
Sắc xám
- AF9C72
- A99974
- A49676
- 9F9378
- 9A9079
- 958D7B
- 8F897C
- 8A867E
- 85837F
Hòa sắc
Bổ túc +180°
- B49F70
Veranda Gold
- 8EA1CD
≈ Ceil
Tương đồng -30° +30°
- B49F70
Veranda Gold
- C39778
≈ Brick Path
- 9EA776
≈ Forester
Bộ ba +120° +240°
- B49F70
Veranda Gold
- 6CAEB7
≈ Montana Sky
- B893B8
≈ Sheer Lilac
Bổ túc chia +150° +210°
- B49F70
Veranda Gold
- 78A8C7
≈ Serene Sea
- A599C7
≈ Grape Arbour
Bộ bốn +90° +180° +270°
- B49F70
Veranda Gold
- 72B0A0
≈ Dusty Jade Green
- 8EA1CD
≈ Ceil
- C590A2
≈ Beetroot Rice
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.58:1 · APCA Lc 50
Ag
AAATrên nền đen
WCAG 8.13:1 · APCA Lc 51
Màu chữ tốt nhất: #000000
WCAG 8.13:1 (AAA) · APCA Lc 51
Contrast pairs
Đoạn mã
CSS
:root {
--veranda-gold: #b49f70;
--veranda-gold-rgb: 180 159 112;
--veranda-gold-oklch: oklch(0.71 0.068 86.6);
}
.element {
color: var(--veranda-gold);
background-color: hsl(41 31% 57%);
border-color: oklch(0.71 0.068 86.6);
}Tailwind CSS v4
@theme {
--color-veranda-gold: #b49f70;
--color-veranda-gold-50: #fdf5e0;
--color-veranda-gold-100: #f1e7cf;
--color-veranda-gold-200: #e0d3b4;
--color-veranda-gold-300: #c6b690;
--color-veranda-gold-400: #b09c70;
--color-veranda-gold-500: #9a8350;
--color-veranda-gold-600: #826f44;
--color-veranda-gold-700: #685936;
--color-veranda-gold-800: #4d4126;
--color-veranda-gold-900: #362d19;
--color-veranda-gold-950: #21190a;
}SCSS
$veranda-gold: #b49f70;
$veranda-gold-rgb: 180, 159, 112;
$veranda-gold-light: mix(#fff, $veranda-gold, 20%);
$veranda-gold-dark: mix(#000, $veranda-gold, 20%);
.element {
color: $veranda-gold;
box-shadow: 0 0 0 2px rgba($veranda-gold, 0.35);
}