Màu có tên gần nhất · #A07E38
#A07E38
Màu có tên gần nhất: Fernweh
#A07E38 (rgb(160 126 56), hsl(40 48% 42%), oklch(0.612 0.097 83.1)) gần nhất với màu có tên Fernweh. 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.
#A07E38
oklch(0.612 0.097 83.1)
Chuyển đổi màu
- HEX
- #a07e38
- RGB
- rgb(160 126 56)
- HSL
- hsl(40 48% 42%)
- HWB
- hwb(40 22% 37%)
- OKLCH
- oklch(0.612 0.097 83.1)
- OKLab
- oklab(0.612 0.012 0.097)
- CIE Lab
- lab(55.09 7.78 42.28)
- LCH
- lch(55.09 42.99 79.6)
- CMYK
- cmyk(0% 21% 65% 37%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A98B4E
- B39762
- BCA476
- C6B189
- CFBD9D
- D9CAB0
- E2D7C3
- ECE4D7
- F5F2EB
Sắc đậm
- 8B6D2F
- 765C27
- 614C1F
- 4E3C17
- 3B2D0F
- 291F08
- 191104
- 090501
- 010100
Sắc xám
- 9D7E42
- 9A7F4A
- 977F52
- 937F5A
- 908061
- 8D8067
- 8A806E
- 878074
- 83807A
Hòa sắc
Bổ túc +180°
- A07E38
Fernweh
- 6583BE
≈ Orbital
Tương đồng -30° +30°
- A07E38
Fernweh
- B1734A
≈ Burnt Almond
- 848A41
≈ Sea Turtle
Bộ ba +120° +240°
- A07E38
Fernweh
- 1F959E
≈ Aqua Lake
- A06FA6
≈ Dark Lilac
Bổ túc chia +150° +210°
- A07E38
Fernweh
- 3E8DB5
≈ Navagio Bay
- 8678B9
≈ Purple Hebe
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.79:1 · APCA Lc 65
Ag
AATrên nền đen
WCAG 5.53:1 · APCA Lc 36
Màu chữ tốt nhất: #000000
WCAG 5.53:1 (AA) · APCA Lc 36
Contrast pairs
Đoạn mã
CSS
:root {
--fernweh: #a07e38;
--fernweh-rgb: 160 126 56;
--fernweh-oklch: oklch(0.612 0.097 83.1);
}
.element {
color: var(--fernweh);
background-color: hsl(40 48% 42%);
border-color: oklch(0.612 0.097 83.1);
}Tailwind CSS v4
@theme {
--color-fernweh: #a07e38;
--color-fernweh-50: #fff4d6;
--color-fernweh-100: #f7e6c4;
--color-fernweh-200: #e7d2a5;
--color-fernweh-300: #ceb47d;
--color-fernweh-400: #ba9958;
--color-fernweh-500: #a5802f;
--color-fernweh-600: #8c6c2a;
--color-fernweh-700: #705621;
--color-fernweh-800: #543e16;
--color-fernweh-900: #3a2b0e;
--color-fernweh-950: #241802;
}SCSS
$fernweh: #a07e38;
$fernweh-rgb: 160, 126, 56;
$fernweh-light: mix(#fff, $fernweh, 20%);
$fernweh-dark: mix(#000, $fernweh, 20%);
.element {
color: $fernweh;
box-shadow: 0 0 0 2px rgba($fernweh, 0.35);
}