最も近い色名 · #1A2927
#1A2927
最も近い色名: Swamp Thing
#1A2927（rgb(26 41 39)、hsl(172 22% 13%)、oklch(0.267 0.021 185.7)）に最も近い色名はSwamp Thingです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#1A2927
oklch(0.267 0.021 185.7)
カラー変換
- HEX
- #1a2927
- RGB
- rgb(26 41 39)
- HSL
- hsl(172 22% 13%)
- HWB
- hwb(172 10% 84%)
- OKLCH
- oklch(0.267 0.021 185.7)
- OKLab
- oklab(0.267 -0.021 -0.002)
- CIE Lab
- lab(15.18 -7.02 -0.83)
- LCH
- lch(15.18 7.07 186.8)
- CMYK
- cmyk(37% 0% 5% 84%)
ティント · シェード · トーン
ティント
- 2D3B39
- 424E4C
- 576261
- 6D7775
- 848C8B
- 9BA2A1
- B3B9B8
- CCD0CF
- E5E7E7
シェード
- 152220
- 101C1A
- 0C1514
- 070F0E
- 040908
- 020504
- 010202
- 000101
- 000000
トーン
- 23312F
- 2D3937
- 374140
- 414A49
- 4B5351
- 555B5A
- 5F6464
- 6A6D6D
- 757776
カラーハーモニー
補色 +180°
- 1A2927
Swamp Thing
- 2F2224
≈ Hornblende
類似色 -30° +30°
- 1A2927
Swamp Thing
- 1E2921
≈ Swamp Thing
- 1A282C
≈ Black Pearl
トライアド +120° +240°
- 1A2927
Swamp Thing
- 28232E
≈ Closed Shutter
- 2D241B
≈ Kenpōzome Black
スプリットコンプリメンタリー +150° +210°
- 1A2927
Swamp Thing
- 2C222A
≈ Shikon
- 2F221F
≈ Kenpōzome Black
テトラード +90° +180° +270°
- 1A2927
Swamp Thing
- 232530
≈ Closed Shutter
- 2F2224
≈ Hornblende
- 29261A
≈ Maire
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 15.10:1 · APCA Lc 102
Ag
Fail黒の上
WCAG 1.39:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 15.10:1 (AAA) · APCA Lc 102
Contrast pairs
コードスニペット
CSS
:root {
--swamp-thing: #1a2927;
--swamp-thing-rgb: 26 41 39;
--swamp-thing-oklch: oklch(0.267 0.021 185.7);
}
.element {
color: var(--swamp-thing);
background-color: hsl(172 22% 13%);
border-color: oklch(0.267 0.021 185.7);
}Tailwind CSS v4
@theme {
--color-swamp-thing: #1a2927;
--color-swamp-thing-50: #eff7f6;
--color-swamp-thing-100: #e1eae9;
--color-swamp-thing-200: #cbd7d6;
--color-swamp-thing-300: #acbbb9;
--color-swamp-thing-400: #92a3a0;
--color-swamp-thing-500: #788b88;
--color-swamp-thing-600: #657573;
--color-swamp-thing-700: #515e5c;
--color-swamp-thing-800: #3b4543;
--color-swamp-thing-900: #28302e;
--color-swamp-thing-950: #161c1b;
}SCSS
$swamp-thing: #1a2927;
$swamp-thing-rgb: 26, 41, 39;
$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);
}