最も近い色名 · #142A28
#142A28
最も近い色名: Swamp Thing
#142A28（rgb(20 42 40)、hsl(175 35% 12%)、oklch(0.266 0.028 188.1)）に最も近い色名はSwamp Thingです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#142A28
oklch(0.266 0.028 188.1)
カラー変換
- HEX
- #142a28
- RGB
- rgb(20 42 40)
- HSL
- hsl(175 35% 12%)
- HWB
- hwb(175 8% 84%)
- OKLCH
- oklch(0.266 0.028 188.1)
- OKLab
- oklab(0.266 -0.028 -0.004)
- CIE Lab
- lab(15.19 -9.62 -1.58)
- LCH
- lch(15.19 9.75 189.3)
- CMYK
- cmyk(52% 0% 5% 84%)
ティント · シェード · トーン
ティント
- 283C3A
- 3D4F4D
- 536361
- 6A7876
- 818D8C
- 99A3A2
- B2B9B8
- CBD0CF
- E5E7E7
シェード
- 102321
- 0C1C1B
- 081615
- 05100F
- 030A09
- 010504
- 010202
- 000101
- 000000
トーン
- 1E3230
- 293A38
- 334241
- 3E4B49
- 485352
- 535C5B
- 5E6564
- 696E6D
- 747777
カラーハーモニー
補色 +180°
- 142A28
Swamp Thing
- 322023
≈ Hornblende
類似色 -30° +30°
- 142A28
Swamp Thing
- 192A20
≈ Kuro Green
- 15292F
≈ Black Box
トライアド +120° +240°
- 142A28
Swamp Thing
- 292230
≈ Bleached Cedar
- 2F2316
≈ Black Slug
スプリットコンプリメンタリー +150° +210°
- 142A28
Swamp Thing
- 2F202A
≈ Delighted Chimp
- 32211B
≈ Scorched
テトラード +90° +180° +270°
- 142A28
Swamp Thing
- 222433
≈ Moonless Mystery
- 322023
≈ Hornblende
- 292615
≈ Black Mesa
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 15.09:1 · APCA Lc 102
Ag
Fail黒の上
WCAG 1.39:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 15.09:1 (AAA) · APCA Lc 102
Contrast pairs
コードスニペット
CSS
:root {
--swamp-thing: #142a28;
--swamp-thing-rgb: 20 42 40;
--swamp-thing-oklch: oklch(0.266 0.028 188.1);
}
.element {
color: var(--swamp-thing);
background-color: hsl(175 35% 12%);
border-color: oklch(0.266 0.028 188.1);
}Tailwind CSS v4
@theme {
--color-swamp-thing: #142a28;
--color-swamp-thing-50: #edf8f7;
--color-swamp-thing-100: #deebea;
--color-swamp-thing-200: #c7d8d7;
--color-swamp-thing-300: #a8bcba;
--color-swamp-thing-400: #8ca4a1;
--color-swamp-thing-500: #718d8a;
--color-swamp-thing-600: #607774;
--color-swamp-thing-700: #4d5f5d;
--color-swamp-thing-800: #384644;
--color-swamp-thing-900: #26302f;
--color-swamp-thing-950: #141c1b;
}SCSS
$swamp-thing: #142a28;
$swamp-thing-rgb: 20, 42, 40;
$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);
}