最も近い色名 · #16251F
#16251F
最も近い色名: Swamp Thing
#16251F（rgb(22 37 31)、hsl(156 25% 12%)、oklch(0.249 0.024 167.5)）に最も近い色名はSwamp Thingです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#16251F
oklch(0.249 0.024 167.5)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- 293732
- 3E4B45
- 535F5A
- 6A7470
- 818A86
- 99A09D
- B2B7B5
- CBCFCD
- E5E7E6
シェード
- 121F19
- 0D1914
- 09130F
- 060D0A
- 030806
- 020403
- 010201
- 000000
- 000000
トーン
- 202D28
- 2A3631
- 343E3A
- 3E4743
- 48504D
- 535A57
- 5E6361
- 696D6B
- 747675
カラーハーモニー
補色 +180°
- 16251F
Swamp Thing
- 2A1D23
≈ Shikon
類似色 -30° +30°
- 16251F
Swamp Thing
- 1C2419
≈ Underworld
- 132525
≈ Sunken Ship
トライアド +120° +240°
- 16251F
Swamp Thing
- 20202C
≈ Black Howl
- 2B1E18
≈ Weathervane
スプリットコンプリメンタリー +150° +210°
- 16251F
Swamp Thing
- 261E29
≈ To Hell and Black
- 2C1D1D
≈ Weathervane
テトラード +90° +180° +270°
- 16251F
Swamp Thing
- 1A222D
≈ Dark
- 2A1D23
≈ Shikon
- 282014
≈ Weathervane
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 15.92:1 · APCA Lc 103
Ag
Fail黒の上
WCAG 1.31:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 15.92:1 (AAA) · APCA Lc 103
Contrast pairs
コードスニペット
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);
}