色名 · #3D3732
Fired Earth
Fired Earthは#3D3732：rgb(61 55 50)、hsl(27 10% 22%)、oklch(0.341 0.012 62.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Fired Earth color name →
#3D3732
oklch(0.341 0.012 62.2)
カラー変換
- HEX
- #3d3732
- RGB
- rgb(61 55 50)
- HSL
- hsl(27 10% 22%)
- HWB
- hwb(27 20% 76%)
- OKLCH
- oklch(0.341 0.012 62.2)
- OKLab
- oklab(0.341 0.006 0.011)
- CIE Lab
- lab(23.57 1.97 4.15)
- LCH
- lch(23.57 4.6 64.6)
- CMYK
- cmyk(0% 10% 18% 76%)
ティント · シェード · トーン
ティント
- 4E4844
- 605B56
- 726D69
- 85817D
- 989592
- ACA9A7
- C0BEBC
- D5D3D2
- EAE9E8
シェード
- 342E2A
- 2B2622
- 221E1B
- 1A1614
- 120F0D
- 0A0807
- 040303
- 010101
- 000000
トーン
- 433E39
- 4A4541
- 504C48
- 575350
- 5E5A58
- 64625F
- 6B6967
- 727170
- 797878
カラーハーモニー
補色 +180°
- 3D3732
Fired Earth
- 33393E
≈ Antarctic Deep
類似色 -30° +30°
- 3D3732
Fired Earth
- 3E3634
≈ Chocolate Torte
- 3A3831
≈ Rosin
トライアド +120° +240°
- 3D3732
Fired Earth
- 323A39
≈ Tàn Hēi Soot
- 39373E
≈ Black Marlin
スプリットコンプリメンタリー +150° +210°
- 3D3732
Fired Earth
- 313A3C
≈ Tàn Hēi Soot
- 36383F
≈ Antarctic Deep
テトラード +90° +180° +270°
- 3D3732
Fired Earth
- 343A35
≈ Sound of Silence
- 33393E
≈ Antarctic Deep
- 3C363B
≈ Bohemian Black
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 11.72:1 · APCA Lc 97
Ag
Fail黒の上
WCAG 1.79:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 11.72:1 (AAA) · APCA Lc 97
Contrast pairs
コードスニペット
CSS
:root {
--fired-earth: #3d3732;
--fired-earth-rgb: 61 55 50;
--fired-earth-oklch: oklch(0.341 0.012 62.2);
}
.element {
color: var(--fired-earth);
background-color: hsl(27 10% 22%);
border-color: oklch(0.341 0.012 62.2);
}Tailwind CSS v4
@theme {
--color-fired-earth: #3d3732;
--color-fired-earth-50: #f8f4f2;
--color-fired-earth-100: #ebe7e4;
--color-fired-earth-200: #d8d3cf;
--color-fired-earth-300: #bcb6b1;
--color-fired-earth-400: #a49d97;
--color-fired-earth-500: #8c857e;
--color-fired-earth-600: #77706b;
--color-fired-earth-700: #5f5a55;
--color-fired-earth-800: #46413e;
--color-fired-earth-900: #302d2b;
--color-fired-earth-950: #1c1a18;
}SCSS
$fired-earth: #3d3732;
$fired-earth-rgb: 61, 55, 50;
$fired-earth-light: mix(#fff, $fired-earth, 20%);
$fired-earth-dark: mix(#000, $fired-earth, 20%);
.element {
color: $fired-earth;
box-shadow: 0 0 0 2px rgba($fired-earth, 0.35);
}