Màu có tên gần nhất · #1E4B54
#1E4B54
Màu có tên gần nhất: Sunken Mystery
#1E4B54 (rgb(30 75 84), hsl(190 47% 22%), oklch(0.386 0.051 212.7)) gần nhất với màu có tên Sunken Mystery. 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.
#1E4B54
oklch(0.386 0.051 212.7)
Chuyển đổi màu
- HEX
- #1e4b54
- RGB
- rgb(30 75 84)
- HSL
- hsl(190 47% 22%)
- HWB
- hwb(190 12% 67%)
- OKLCH
- oklch(0.386 0.051 212.7)
- OKLab
- oklab(0.386 -0.043 -0.028)
- CIE Lab
- lab(29.08 -13.72 -10.29)
- LCH
- lch(29.08 17.15 216.9)
- CMYK
- cmyk(64% 11% 0% 67%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 345B64
- 4A6C74
- 5F7D84
- 758F95
- 8BA1A6
- A1B3B7
- B8C6C9
- CFD8DA
- E7ECED
Sắc đậm
- 194048
- 13353C
- 0E2B31
- 092126
- 05171B
- 030E11
- 010608
- 000202
- 000000
Sắc xám
- 295058
- 34555D
- 3E5B61
- 476065
- 51656A
- 5A6B6E
- 647073
- 6D7577
- 777B7C
Hòa sắc
Bổ túc +180°
- 1E4B54
Sunken Mystery
- 5C3A32
≈ Western Brown
Tương đồng -30° +30°
- 1E4B54
Sunken Mystery
- 1F4D46
≈ Nighthawks
- 2A475D
≈ Indigo Streamer
Bộ ba +120° +240°
- 1E4B54
Sunken Mystery
- 543A50
≈ Dark Fig Violet
- 4D4322
≈ Uniform Green
Bổ túc chia +150° +210°
- 1E4B54
Sunken Mystery
- 5B3841
≈ Sassafras
- 573E26
≈ Peat Brown
Bộ bốn +90° +180° +270°
- 1E4B54
Sunken Mystery
- 493D5B
≈ Powerful Mauve
- 5C3A32
≈ Western Brown
- 3F4829
≈ Avocado Dark Green
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 9.59:1 · APCA Lc 92
Ag
FailTrên nền đen
WCAG 2.18:1 · APCA Lc 10
Màu chữ tốt nhất: #FFFFFF
WCAG 9.59:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--sunken-mystery: #1e4b54;
--sunken-mystery-rgb: 30 75 84;
--sunken-mystery-oklch: oklch(0.386 0.051 212.7);
}
.element {
color: var(--sunken-mystery);
background-color: hsl(190 47% 22%);
border-color: oklch(0.386 0.051 212.7);
}Tailwind CSS v4
@theme {
--color-sunken-mystery: #1e4b54;
--color-sunken-mystery-50: #e6f9fe;
--color-sunken-mystery-100: #d6edf3;
--color-sunken-mystery-200: #bddae2;
--color-sunken-mystery-300: #9abfc8;
--color-sunken-mystery-400: #7ca7b0;
--color-sunken-mystery-500: #5d8f9a;
--color-sunken-mystery-600: #4f7982;
--color-sunken-mystery-700: #3f6168;
--color-sunken-mystery-800: #2d474c;
--color-sunken-mystery-900: #1e3135;
--color-sunken-mystery-950: #0e1d20;
}SCSS
$sunken-mystery: #1e4b54;
$sunken-mystery-rgb: 30, 75, 84;
$sunken-mystery-light: mix(#fff, $sunken-mystery, 20%);
$sunken-mystery-dark: mix(#000, $sunken-mystery, 20%);
.element {
color: $sunken-mystery;
box-shadow: 0 0 0 2px rgba($sunken-mystery, 0.35);
}