Màu có tên gần nhất · #B09683
#B09683
Màu có tên gần nhất: Sombrero
#B09683 (rgb(176 150 131), hsl(25 22% 60%), oklch(0.691 0.041 58.2)) gần nhất với màu có tên Sombrero. 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.
#B09683
oklch(0.691 0.041 58.2)
Chuyển đổi màu
- HEX
- #b09683
- RGB
- rgb(176 150 131)
- HSL
- hsl(25 22% 60%)
- HWB
- hwb(25 51% 31%)
- OKLCH
- oklch(0.691 0.041 58.2)
- OKLab
- oklab(0.691 0.022 0.035)
- CIE Lab
- lab(64.08 7.8 13.84)
- LCH
- lch(64.08 15.89 60.6)
- CMYK
- cmyk(0% 15% 26% 31%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B8A08F
- C0AA9B
- C7B5A7
- CFBFB3
- D7C9BF
- DFD4CC
- E7DFD9
- EFE9E5
- F7F4F2
Sắc đậm
- 998271
- 826E60
- 6C5B4F
- 56493F
- 42372F
- 2E2620
- 1C1612
- 0B0806
- 010101
Sắc xám
- AB9483
- A69283
- A28F82
- 9D8D82
- 988B82
- 938981
- 8E8781
- 8A8481
- 858280
Hòa sắc
Bổ túc +180°
- B09683
Sombrero
- 85A0B3
≈ Lake Okoboji
Tương đồng -30° +30°
- B09683
Sombrero
- B4938E
≈ Nude Lips
- A69B7F
≈ Mohalla
Bộ ba +120° +240°
- B09683
Sombrero
- 81A59C
≈ Scenario
- 9F97B3
≈ Heirloom Lilac
Bổ túc chia +150° +210°
- B09683
Sombrero
- 7EA3A9
≈ Tourmaline
- 919BB6
≈ Periwinkle Dusk
Bộ bốn +90° +180° +270°
- B09683
Sombrero
- 8BA38E
≈ Envy
- 85A0B3
≈ Lake Okoboji
- AA93A9
≈ Garden Flower
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.78:1 · APCA Lc 54
Ag
AAATrên nền đen
WCAG 7.53:1 · APCA Lc 48
Màu chữ tốt nhất: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Đoạn mã
CSS
:root {
--sombrero: #b09683;
--sombrero-rgb: 176 150 131;
--sombrero-oklch: oklch(0.691 0.041 58.2);
}
.element {
color: var(--sombrero);
background-color: hsl(25 22% 60%);
border-color: oklch(0.691 0.041 58.2);
}Tailwind CSS v4
@theme {
--color-sombrero: #b09683;
--color-sombrero-50: #fef3ea;
--color-sombrero-100: #f3e5da;
--color-sombrero-200: #e2d1c3;
--color-sombrero-300: #c8b3a3;
--color-sombrero-400: #b29987;
--color-sombrero-500: #9c806b;
--color-sombrero-600: #846c5b;
--color-sombrero-700: #695749;
--color-sombrero-800: #4e3f35;
--color-sombrero-900: #362b24;
--color-sombrero-950: #211913;
}SCSS
$sombrero: #b09683;
$sombrero-rgb: 176, 150, 131;
$sombrero-light: mix(#fff, $sombrero, 20%);
$sombrero-dark: mix(#000, $sombrero, 20%);
.element {
color: $sombrero;
box-shadow: 0 0 0 2px rgba($sombrero, 0.35);
}