Màu có tên gần nhất · #16251F
#16251F
Màu có tên gần nhất: Swamp Thing
#16251F (rgb(22 37 31), hsl(156 25% 12%), oklch(0.249 0.024 167.5)) gần nhất với màu có tên Swamp Thing. 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.
#16251F
oklch(0.249 0.024 167.5)
Chuyển đổi màu
- HEX
- #16251f
- RGB
- rgb(22 37 31)
- HSL
- hsl(156 25% 12%)
- HWB
- hwb(156 9% 85%)
- OKLCH
- oklch(0.249 0.024 167.5)
- OKLab
- oklab(0.249 -0.023 0.005)
- CIE Lab
- lab(13.16 -7.95 1.87)
- LCH
- lch(13.16 8.17 166.8)
- CMYK
- cmyk(41% 0% 16% 85%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 293732
- 3E4B45
- 535F5A
- 6A7470
- 818A86
- 99A09D
- B2B7B5
- CBCFCD
- E5E7E6
Sắc đậm
- 121F19
- 0D1914
- 09130F
- 060D0A
- 030806
- 020403
- 010201
- 000000
- 000000
Sắc xám
- 202D28
- 2A3631
- 343E3A
- 3E4743
- 48504D
- 535A57
- 5E6361
- 696D6B
- 747675
Hòa sắc
Bổ túc +180°
- 16251F
Swamp Thing
- 2A1D23
≈ Shikon
Tương đồng -30° +30°
- 16251F
Swamp Thing
- 1C2419
≈ Underworld
- 132525
≈ Sunken Ship
Bộ ba +120° +240°
- 16251F
Swamp Thing
- 20202C
≈ Black Howl
- 2B1E18
≈ Weathervane
Bổ túc chia +150° +210°
- 16251F
Swamp Thing
- 261E29
≈ To Hell and Black
- 2C1D1D
≈ Weathervane
Bộ bốn +90° +180° +270°
- 16251F
Swamp Thing
- 1A222D
≈ Dark
- 2A1D23
≈ Shikon
- 282014
≈ Weathervane
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 15.92:1 · APCA Lc 103
Ag
FailTrên nền đen
WCAG 1.31:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 15.92:1 (AAA) · APCA Lc 103
Contrast pairs
Đoạn mã
CSS
:root {
--swamp-thing: #16251f;
--swamp-thing-rgb: 22 37 31;
--swamp-thing-oklch: oklch(0.249 0.024 167.5);
}
.element {
color: var(--swamp-thing);
background-color: hsl(156 25% 12%);
border-color: oklch(0.249 0.024 167.5);
}Tailwind CSS v4
@theme {
--color-swamp-thing: #16251f;
--color-swamp-thing-50: #eff7f4;
--color-swamp-thing-100: #e1eae6;
--color-swamp-thing-200: #cbd8d2;
--color-swamp-thing-300: #acbbb5;
--color-swamp-thing-400: #92a39c;
--color-swamp-thing-500: #788b83;
--color-swamp-thing-600: #66766f;
--color-swamp-thing-700: #515e59;
--color-swamp-thing-800: #3b4540;
--color-swamp-thing-900: #29302c;
--color-swamp-thing-950: #161c19;
}SCSS
$swamp-thing: #16251f;
$swamp-thing-rgb: 22, 37, 31;
$swamp-thing-light: mix(#fff, $swamp-thing, 20%);
$swamp-thing-dark: mix(#000, $swamp-thing, 20%);
.element {
color: $swamp-thing;
box-shadow: 0 0 0 2px rgba($swamp-thing, 0.35);
}