Màu có tên gần nhất · #703F11
#703F11
Màu có tên gần nhất: Brown
#703F11 (rgb(112 63 17), hsl(29 74% 25%), oklch(0.419 0.089 58.7)) gần nhất với màu có tên Brown. 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.
#703F11
oklch(0.419 0.089 58.7)
Chuyển đổi màu
- HEX
- #703f11
- RGB
- rgb(112 63 17)
- HSL
- hsl(29 74% 25%)
- HWB
- hwb(29 7% 56%)
- OKLCH
- oklch(0.419 0.089 58.7)
- OKLab
- oklab(0.419 0.046 0.076)
- CIE Lab
- lab(32.26 19.28 35.67)
- LCH
- lch(32.26 40.54 61.6)
- CMYK
- cmyk(0% 44% 85% 56%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 7E512B
- 8D6342
- 9B7559
- A9886F
- B79B86
- C6AF9E
- D4C2B5
- E2D6CD
- F1EAE6
Sắc đậm
- 60350D
- 512C09
- 432306
- 351B04
- 271202
- 1A0A01
- 0E0400
- 040100
- 010000
Sắc xám
- 724620
- 744C2C
- 765337
- 785A42
- 7A604D
- 7B6657
- 7D6D61
- 7E736B
- 7F7A76
Hòa sắc
Bổ túc +180°
- 703F11
Brown
- 0B5378
≈ Ocean Spray
Tương đồng -30° +30°
- 703F11
Brown
- 763830
≈ Capsicum Red
- 604A00
≈ Mud Brown
Bộ ba +120° +240°
- 703F11
Brown
- 005A4D
≈ Forest Shadows
- 544177
≈ Raw Amethyst
Bổ túc chia +150° +210°
- 703F11
Brown
- 005762
≈ Abyssal Waters
- 394A7D
≈ Expressionism
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 8.72:1 · APCA Lc 90
Ag
FailTrên nền đen
WCAG 2.40:1 · APCA Lc 13
Màu chữ tốt nhất: #FFFFFF
WCAG 8.72:1 (AAA) · APCA Lc 90
Contrast pairs
Đoạn mã
CSS
:root {
--brown: #703f11;
--brown-rgb: 112 63 17;
--brown-oklch: oklch(0.419 0.089 58.7);
}
.element {
color: var(--brown);
background-color: hsl(29 74% 25%);
border-color: oklch(0.419 0.089 58.7);
}Tailwind CSS v4
@theme {
--color-brown: #703f11;
--color-brown-50: #fff0dc;
--color-brown-100: #ffe2cb;
--color-brown-200: #f1ccae;
--color-brown-300: #daad89;
--color-brown-400: #c69269;
--color-brown-500: #b27747;
--color-brown-600: #96653d;
--color-brown-700: #795030;
--color-brown-800: #5a3a22;
--color-brown-900: #3f2817;
--color-brown-950: #281608;
}SCSS
$brown: #703f11;
$brown-rgb: 112, 63, 17;
$brown-light: mix(#fff, $brown, 20%);
$brown-dark: mix(#000, $brown, 20%);
.element {
color: $brown;
box-shadow: 0 0 0 2px rgba($brown, 0.35);
}