Màu có tên gần nhất · #1E351C
#1E351C
Màu có tên gần nhất: Dark Serpent
#1E351C (rgb(30 53 28), hsl(115 31% 16%), oklch(0.302 0.053 142.4)) gần nhất với màu có tên Dark Serpent. 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.
#1E351C
oklch(0.302 0.053 142.4)
Chuyển đổi màu
- HEX
- #1e351c
- RGB
- rgb(30 53 28)
- HSL
- hsl(115 31% 16%)
- HWB
- hwb(115 11% 79%)
- OKLCH
- oklch(0.302 0.053 142.4)
- OKLab
- oklab(0.302 -0.042 0.032)
- CIE Lab
- lab(19.69 -14.11 12.8)
- LCH
- lch(19.69 19.06 137.8)
- CMYK
- cmyk(43% 0% 47% 79%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 32472F
- 465944
- 5B6C59
- 70806F
- 879485
- 9EA89C
- B5BDB4
- CDD3CD
- E6E9E6
Sắc đậm
- 192D17
- 132512
- 0E1D0D
- 091508
- 050E05
- 030802
- 010301
- 000100
- 000000
Sắc xám
- 273C25
- 31432F
- 3A4B38
- 445242
- 4D594C
- 576156
- 616960
- 6B706B
- 767875
Hòa sắc
Bổ túc +180°
- 1E351C
Dark Serpent
- 3B253E
≈ Kokimurasaki Purple
Tương đồng -30° +30°
- 1E351C
Dark Serpent
- 2F310F
≈ Olivenite
- 09372B
≈ Coach Green
Bộ ba +120° +240°
- 1E351C
Dark Serpent
- 202E49
≈ Manganese Black
- 452322
≈ Marmite
Bổ túc chia +150° +210°
- 1E351C
Dark Serpent
- 2F2946
≈ Blackberry Black
- 422331
≈ Castro
Bộ bốn +90° +180° +270°
- 1E351C
Dark Serpent
- 0C3344
≈ Nordic Noir
- 3B253E
≈ Kokimurasaki Purple
- 432614
≈ Night Brown
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 13.28:1 · APCA Lc 100
Ag
FailTrên nền đen
WCAG 1.58:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 13.28:1 (AAA) · APCA Lc 100
Contrast pairs
Đoạn mã
CSS
:root {
--dark-serpent: #1e351c;
--dark-serpent-rgb: 30 53 28;
--dark-serpent-oklch: oklch(0.302 0.053 142.4);
}
.element {
color: var(--dark-serpent);
background-color: hsl(115 31% 16%);
border-color: oklch(0.302 0.053 142.4);
}Tailwind CSS v4
@theme {
--color-dark-serpent: #1e351c;
--color-dark-serpent-50: #ecf9ec;
--color-dark-serpent-100: #deeddd;
--color-dark-serpent-200: #c7dbc7;
--color-dark-serpent-300: #a8bfa7;
--color-dark-serpent-400: #8da78a;
--color-dark-serpent-500: #728f6f;
--color-dark-serpent-600: #61795e;
--color-dark-serpent-700: #4d614b;
--color-dark-serpent-800: #394736;
--color-dark-serpent-900: #273125;
--color-dark-serpent-950: #151d13;
}SCSS
$dark-serpent: #1e351c;
$dark-serpent-rgb: 30, 53, 28;
$dark-serpent-light: mix(#fff, $dark-serpent, 20%);
$dark-serpent-dark: mix(#000, $dark-serpent, 20%);
.element {
color: $dark-serpent;
box-shadow: 0 0 0 2px rgba($dark-serpent, 0.35);
}