Màu có tên gần nhất · #3E1400
#3E1400
Màu có tên gần nhất: Old Study
#3E1400 (rgb(62 20 0), hsl(19 100% 12%), oklch(0.255 0.073 44.9)) gần nhất với màu có tên Old Study. 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.
#3E1400
oklch(0.255 0.073 44.9)
Chuyển đổi màu
- HEX
- #3e1400
- RGB
- rgb(62 20 0)
- HSL
- hsl(19 100% 12%)
- HWB
- hwb(19 0% 76%)
- OKLCH
- oklch(0.255 0.073 44.9)
- OKLab
- oklab(0.255 0.052 0.052)
- CIE Lab
- lab(13.07 20.09 19.98)
- LCH
- lch(13.07 28.33 44.8)
- CMYK
- cmyk(0% 68% 100% 76%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 512917
- 633E2E
- 765445
- 896B5D
- 9C8277
- B09A90
- C3B2AB
- D7CBC6
- EBE5E2
Sắc đậm
- 351000
- 2B0C00
- 230800
- 1A0500
- 120300
- 0A0100
- 040100
- 010000
- 000000
Sắc xám
- 451F0C
- 4C2919
- 533426
- 5A3E32
- 61493F
- 67544B
- 6E5F58
- 746A65
- 7A7572
Hòa sắc
Bổ túc +180°
- 3E1400
Old Study
- 002734
≈ Daintree
Tương đồng -30° +30°
- 3E1400
Old Study
- 3F1017
≈ Dark Sienna
- 321E00
≈ Powdered Cocoa
Bộ ba +120° +240°
- 3E1400
Old Study
- 002B1C
≈ Bush
- 201C44
≈ Azulado
Bổ túc chia +150° +210°
- 3E1400
Old Study
- 002929
≈ Teal Spill
- 052345
≈ Rhapsody in Blue
Bộ bốn +90° +180° +270°
- 3E1400
Old Study
- 122A01
≈ Zia Olive
- 002734
≈ Daintree
- 30163B
≈ Blackcurrant
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 16.09:1 · APCA Lc 103
Ag
FailTrên nền đen
WCAG 1.30:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 16.09:1 (AAA) · APCA Lc 103
Contrast pairs
Đoạn mã
CSS
:root {
--old-study: #3e1400;
--old-study-rgb: 62 20 0;
--old-study-oklch: oklch(0.255 0.073 44.9);
}
.element {
color: var(--old-study);
background-color: hsl(19 100% 12%);
border-color: oklch(0.255 0.073 44.9);
}Tailwind CSS v4
@theme {
--color-old-study: #3e1400;
--color-old-study-50: #ffefe4;
--color-old-study-100: #fee1d4;
--color-old-study-200: #f0cbba;
--color-old-study-300: #d8ad98;
--color-old-study-400: #c4917b;
--color-old-study-500: #af775d;
--color-old-study-600: #94654f;
--color-old-study-700: #77503f;
--color-old-study-800: #583a2e;
--color-old-study-900: #3e281f;
--color-old-study-950: #27160f;
}SCSS
$old-study: #3e1400;
$old-study-rgb: 62, 20, 0;
$old-study-light: mix(#fff, $old-study, 20%);
$old-study-dark: mix(#000, $old-study, 20%);
.element {
color: $old-study;
box-shadow: 0 0 0 2px rgba($old-study, 0.35);
}