Màu có tên gần nhất · #B36962
#B36962
Màu có tên gần nhất: Peach Dunes
#B36962 (rgb(179 105 98), hsl(5 35% 54%), oklch(0.601 0.096 26.1)) gần nhất với màu có tên Peach Dunes. 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.
#B36962
oklch(0.601 0.096 26.1)
Chuyển đổi màu
- HEX
- #b36962
- RGB
- rgb(179 105 98)
- HSL
- hsl(5 35% 54%)
- HWB
- hwb(5 38% 30%)
- OKLCH
- oklch(0.601 0.096 26.1)
- OKLab
- oklab(0.601 0.086 0.042)
- CIE Lab
- lab(52.84 29.77 17.38)
- LCH
- lch(52.84 34.48 30.3)
- CMYK
- cmyk(0% 41% 45% 30%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- BC7871
- C48680
- CC958F
- D4A49E
- DBB3AE
- E3C2BE
- EAD1CE
- F1E0DE
- F8EFEE
Sắc đậm
- 9B5A54
- 844C47
- 6E3E3A
- 58312D
- 432421
- 2F1816
- 1D0C0B
- 0C0403
- 010000
Sắc xám
- AE6C65
- AA6E68
- A5716B
- A0736E
- 9B7671
- 967874
- 917A77
- 8C7C7A
- 867E7D
Hòa sắc
Bổ túc +180°
- B36962
Peach Dunes
- 1E919D
≈ Jaded
Tương đồng -30° +30°
- B36962
Peach Dunes
- AE6782
≈ Crushed Raspberry
- AC7145
≈ Byzantine Copper
Bộ ba +120° +240°
- B36962
Peach Dunes
- 59905D
≈ Hippie Green
- 667FBA
≈ Watertown
Bổ túc chia +150° +210°
- B36962
Peach Dunes
- 30937E
≈ Illuminating Emerald
- 4089B2
≈ Tropic
Bộ bốn +90° +180° +270°
- B36962
Peach Dunes
- 7E8841
≈ Sea Turtle
- 1E919D
≈ Jaded
- 8674B4
≈ Dahlia Purple
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 4.10:1 · APCA Lc 68
Ag
AATrên nền đen
WCAG 5.11:1 · APCA Lc 34
Màu chữ tốt nhất: #000000
WCAG 5.11:1 (AA) · APCA Lc 34
Contrast pairs
Đoạn mã
CSS
:root {
--peach-dunes: #b36962;
--peach-dunes-rgb: 179 105 98;
--peach-dunes-oklch: oklch(0.601 0.096 26.1);
}
.element {
color: var(--peach-dunes);
background-color: hsl(5 35% 54%);
border-color: oklch(0.601 0.096 26.1);
}Tailwind CSS v4
@theme {
--color-peach-dunes: #b36962;
--color-peach-dunes-50: #ffebe6;
--color-peach-dunes-100: #ffddd6;
--color-peach-dunes-200: #fbc5be;
--color-peach-dunes-300: #e5a59c;
--color-peach-dunes-400: #d18881;
--color-peach-dunes-500: #be6c64;
--color-peach-dunes-600: #a05b55;
--color-peach-dunes-700: #814944;
--color-peach-dunes-800: #5f3432;
--color-peach-dunes-900: #432422;
--color-peach-dunes-950: #2b1211;
}SCSS
$peach-dunes: #b36962;
$peach-dunes-rgb: 179, 105, 98;
$peach-dunes-light: mix(#fff, $peach-dunes, 20%);
$peach-dunes-dark: mix(#000, $peach-dunes, 20%);
.element {
color: $peach-dunes;
box-shadow: 0 0 0 2px rgba($peach-dunes, 0.35);
}