色名 · #44403D
Scorched Earth
Scorched Earthは#44403D：rgb(68 64 61)、hsl(26 5% 25%)、oklch(0.374 0.007 59.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Scorched Earth color name →
#44403D
oklch(0.374 0.007 59.5)
カラー変換
- HEX
- #44403d
- RGB
- rgb(68 64 61)
- HSL
- hsl(26 5% 25%)
- HWB
- hwb(26 24% 73%)
- OKLCH
- oklch(0.374 0.007 59.5)
- OKLab
- oklab(0.374 0.004 0.006)
- CIE Lab
- lab(27.42 1.3 2.48)
- LCH
- lch(27.42 2.8 62.4)
- CMYK
- cmyk(0% 6% 10% 73%)
ティント · シェード · トーン
ティント
- 55514E
- 666260
- 777472
- 8A8785
- 9C9A98
- AFADAC
- C3C1C0
- D6D5D5
- EBEAEA
シェード
- 3A3634
- 302D2B
- 262422
- 1D1B1A
- 141312
- 0C0B0A
- 050504
- 020101
- 000000
トーン
- 4A4643
- 4F4C4A
- 555250
- 5B5957
- 615F5D
- 676664
- 6D6C6B
- 747372
- 7A7979
カラーハーモニー
補色 +180°
- 44403D
Scorched Earth
- 3D4144
≈ Deep Space
類似色 -30° +30°
- 44403D
Scorched Earth
- 453F3F
≈ Ewa
- 42413C
≈ Deepest Nightmare
トライアド +120° +240°
- 44403D
Scorched Earth
- 3D4241
≈ Cannon Barrel
- 414044
≈ Bluish Black
スプリットコンプリメンタリー +150° +210°
- 44403D
Scorched Earth
- 3D4243
≈ Metropolitan Silhouette
- 3F4145
≈ Deep Space
テトラード +90° +180° +270°
- 44403D
Scorched Earth
- 3E423F
≈ Bauhaus
- 3D4144
≈ Deep Space
- 433F43
≈ Bluish Black
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 10.26:1 · APCA Lc 94
Ag
Fail黒の上
WCAG 2.04:1 · APCA Lc 9
最適な文字色: #FFFFFF
WCAG 10.26:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--scorched-earth: #44403d;
--scorched-earth-rgb: 68 64 61;
--scorched-earth-oklch: oklch(0.374 0.007 59.5);
}
.element {
color: var(--scorched-earth);
background-color: hsl(26 5% 25%);
border-color: oklch(0.374 0.007 59.5);
}Tailwind CSS v4
@theme {
--color-scorched-earth: #44403d;
--color-scorched-earth-50: #f7f5f3;
--color-scorched-earth-100: #eae7e5;
--color-scorched-earth-200: #d7d3d1;
--color-scorched-earth-300: #bab6b4;
--color-scorched-earth-400: #a29d9a;
--color-scorched-earth-500: #8a8581;
--color-scorched-earth-600: #75716d;
--color-scorched-earth-700: #5d5a57;
--color-scorched-earth-800: #444240;
--color-scorched-earth-900: #2f2d2c;
--color-scorched-earth-950: #1c1a19;
}SCSS
$scorched-earth: #44403d;
$scorched-earth-rgb: 68, 64, 61;
$scorched-earth-light: mix(#fff, $scorched-earth, 20%);
$scorched-earth-dark: mix(#000, $scorched-earth, 20%);
.element {
color: $scorched-earth;
box-shadow: 0 0 0 2px rgba($scorched-earth, 0.35);
}