Màu có tên · #BDAE95
Weatherhead
Weatherhead là #BDAE95: rgb(189 174 149), hsl(37 23% 66%), oklch(0.757 0.039 80.6). 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 Orange mean? → · Weatherhead color name →
#BDAE95
oklch(0.757 0.039 80.6)
Chuyển đổi màu
- HEX
- #bdae95
- RGB
- rgb(189 174 149)
- HSL
- hsl(37 23% 66%)
- HWB
- hwb(37 58% 26%)
- OKLCH
- oklch(0.757 0.039 80.6)
- OKLab
- oklab(0.757 0.006 0.038)
- CIE Lab
- lab(71.88 2.57 14.94)
- LCH
- lch(71.88 15.16 80.3)
- CMYK
- cmyk(0% 8% 21% 26%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C3B69F
- CABEAA
- D0C6B4
- D7CEBF
- DED6C9
- E4DED4
- EBE6DE
- F2EEE9
- F8F7F4
Sắc đậm
- A49781
- 8C806D
- 746A5A
- 5D5548
- 474137
- 332E26
- 1F1C16
- 0D0B08
- 020101
Sắc xám
- B7A993
- B0A591
- AAA08F
- A49B8D
- 9E978B
- 989289
- 928E86
- 8C8984
- 868582
Hòa sắc
Bổ túc +180°
- BDAE95
Weatherhead
- A2B1C9
≈ Aerial View
Tương đồng -30° +30°
- BDAE95
Weatherhead
- C5AA9B
≈ Adirondack Path
- B1B397
≈ Dill Seed
Bộ ba +120° +240°
- BDAE95
Weatherhead
- 94B8BA
≈ Watchet
- BCA9BF
≈ Fair Orchid
Bổ túc chia +150° +210°
- BDAE95
Weatherhead
- 98B5C4
≈ Respite
- AFACC7
≈ Cosmic Sky
Bộ bốn +90° +180° +270°
- BDAE95
Weatherhead
- 99B8AD
≈ Moncur
- A2B1C9
≈ Aerial View
- C4A7B3
≈ Pansy Posie
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.17:1 · APCA Lc 43
Ag
AAATrên nền đen
WCAG 9.65:1 · APCA Lc 59
Màu chữ tốt nhất: #000000
WCAG 9.65:1 (AAA) · APCA Lc 59
Contrast pairs
Đoạn mã
CSS
:root {
--weatherhead: #bdae95;
--weatherhead-rgb: 189 174 149;
--weatherhead-oklch: oklch(0.757 0.039 80.6);
}
.element {
color: var(--weatherhead);
background-color: hsl(37 23% 66%);
border-color: oklch(0.757 0.039 80.6);
}Tailwind CSS v4
@theme {
--color-weatherhead: #bdae95;
--color-weatherhead-50: #fbf4e9;
--color-weatherhead-100: #eee7da;
--color-weatherhead-200: #dcd3c2;
--color-weatherhead-300: #c1b6a2;
--color-weatherhead-400: #aa9c85;
--color-weatherhead-500: #948469;
--color-weatherhead-600: #7d7059;
--color-weatherhead-700: #645947;
--color-weatherhead-800: #4a4133;
--color-weatherhead-900: #332d23;
--color-weatherhead-950: #1f1a12;
}SCSS
$weatherhead: #bdae95;
$weatherhead-rgb: 189, 174, 149;
$weatherhead-light: mix(#fff, $weatherhead, 20%);
$weatherhead-dark: mix(#000, $weatherhead, 20%);
.element {
color: $weatherhead;
box-shadow: 0 0 0 2px rgba($weatherhead, 0.35);
}