Màu có tên · #B39F8D
Gilded Beige
Gilded Beige là #B39F8D: rgb(179 159 141), hsl(28 20% 63%), oklch(0.715 0.035 64.2). 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.
What does Gray mean? → · Gilded Beige color name →
#B39F8D
oklch(0.715 0.035 64.2)
Chuyển đổi màu
- HEX
- #b39f8d
- RGB
- rgb(179 159 141)
- HSL
- hsl(28 20% 63%)
- HWB
- hwb(28 55% 30%)
- OKLCH
- oklch(0.715 0.035 64.2)
- OKLab
- oklab(0.715 0.015 0.031)
- CIE Lab
- lab(66.9 5.42 12.26)
- LCH
- lch(66.9 13.4 66.1)
- CMYK
- cmyk(0% 11% 21% 30%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- BAA898
- C2B2A3
- C9BBAE
- D1C4B9
- D9CEC5
- E0D8D0
- E8E1DC
- F0EBE7
- F7F5F3
Sắc đậm
- 9B8A7A
- 847567
- 6E6155
- 584D44
- 433B33
- 2F2923
- 1D1814
- 0C0907
- 010101
Sắc xám
- AE9C8C
- A9998B
- A49689
- 9E9388
- 998F87
- 948C85
- 8F8984
- 8A8683
- 858381
Hòa sắc
Bổ túc +180°
- B39F8D
Gilded Beige
- 91A6B8
≈ Dresden Dream
Tương đồng -30° +30°
- B39F8D
Gilded Beige
- B89C95
≈ Creamed Caramel
- AAA38B
≈ Northgate Green
Bộ ba +120° +240°
- B39F8D
Gilded Beige
- 8CABA5
≈ Oceanus
- A89EB5
≈ Grapeade
Bổ túc chia +150° +210°
- B39F8D
Gilded Beige
- 8BA9B0
≈ Stone Silver
- 9CA2B9
≈ Zen Blue
Bộ bốn +90° +180° +270°
- B39F8D
Gilded Beige
- 93AA99
≈ Melville
- 91A6B8
≈ Dresden Dream
- B19BAC
≈ Play Time
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.54:1 · APCA Lc 50
Ag
AAATrên nền đen
WCAG 8.26:1 · APCA Lc 52
Màu chữ tốt nhất: #000000
WCAG 8.26:1 (AAA) · APCA Lc 52
Contrast pairs
Đoạn mã
CSS
:root {
--gilded-beige: #b39f8d;
--gilded-beige-rgb: 179 159 141;
--gilded-beige-oklch: oklch(0.715 0.035 64.2);
}
.element {
color: var(--gilded-beige);
background-color: hsl(28 20% 63%);
border-color: oklch(0.715 0.035 64.2);
}Tailwind CSS v4
@theme {
--color-gilded-beige: #b39f8d;
--color-gilded-beige-50: #fcf3eb;
--color-gilded-beige-100: #f0e6dc;
--color-gilded-beige-200: #dfd2c5;
--color-gilded-beige-300: #c4b4a5;
--color-gilded-beige-400: #ad9b8a;
--color-gilded-beige-500: #97826f;
--color-gilded-beige-600: #806e5e;
--color-gilded-beige-700: #66584b;
--color-gilded-beige-800: #4b4036;
--color-gilded-beige-900: #342c25;
--color-gilded-beige-950: #201914;
}SCSS
$gilded-beige: #b39f8d;
$gilded-beige-rgb: 179, 159, 141;
$gilded-beige-light: mix(#fff, $gilded-beige, 20%);
$gilded-beige-dark: mix(#000, $gilded-beige, 20%);
.element {
color: $gilded-beige;
box-shadow: 0 0 0 2px rgba($gilded-beige, 0.35);
}