最も近い色名 · #395602
#395602
最も近い色名: Deep Forestial Escapade
#395602（rgb(57 86 2)、hsl(81 95% 17%)、oklch(0.414 0.108 128.8)）に最も近い色名はDeep Forestial Escapadeです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#395602
oklch(0.414 0.108 128.8)
カラー変換
- HEX
- #395602
- RGB
- rgb(57 86 2)
- HSL
- hsl(81 95% 17%)
- HWB
- hwb(81 1% 66%)
- OKLCH
- oklch(0.414 0.108 128.8)
- OKLab
- oklab(0.414 -0.068 0.084)
- CIE Lab
- lab(33.1 -20.63 38.66)
- LCH
- lch(33.1 43.83 118.1)
- CMYK
- cmyk(34% 0% 98% 66%)
ティント · シェード · トーン
ティント
- 4B6625
- 5D763E
- 6F8655
- 83976C
- 96A884
- AAB99C
- BFCAB4
- D4DBCD
- E9EDE6
シェード
- 304A01
- 283E01
- 1F3201
- 172700
- 101C00
- 091200
- 040800
- 010200
- 000000
トーン
- 405A18
- 475F27
- 4E6333
- 55673F
- 5C6C4A
- 637055
- 6A7460
- 71786B
- 797C75
カラーハーモニー
補色 +180°
- 395602
Deep Forestial Escapade
- 5D3878
≈ Tillandsia Purple
類似色 -30° +30°
- 395602
Deep Forestial Escapade
- 584C00
≈ Scorzonera Brown
- 005B38
≈ Crusoe
トライアド +120° +240°
- 395602
Deep Forestial Escapade
- 094E83
≈ Cook’s Bay
- 7A2D3F
≈ Red Octopus
スプリットコンプリメンタリー +150° +210°
- 395602
Deep Forestial Escapade
- 404385
≈ Queen of the Night Shift
- 70315F
≈ Grape
テトラード +90° +180° +270°
- 395602
Deep Forestial Escapade
- 005567
≈ Rainy Morning
- 5D3878
≈ Tillandsia Purple
- 7B3219
≈ Mocha Glow
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 8.38:1 · APCA Lc 89
Ag
Fail黒の上
WCAG 2.50:1 · APCA Lc 13
最適な文字色: #FFFFFF
WCAG 8.38:1 (AAA) · APCA Lc 89
Contrast pairs
コードスニペット
CSS
:root {
--deep-forestial-escapade: #395602;
--deep-forestial-escapade-rgb: 57 86 2;
--deep-forestial-escapade-oklch: oklch(0.414 0.108 128.8);
}
.element {
color: var(--deep-forestial-escapade);
background-color: hsl(81 95% 17%);
border-color: oklch(0.414 0.108 128.8);
}Tailwind CSS v4
@theme {
--color-deep-forestial-escapade: #395602;
--color-deep-forestial-escapade-50: #ebfcdc;
--color-deep-forestial-escapade-100: #dcf0ca;
--color-deep-forestial-escapade-200: #c4deae;
--color-deep-forestial-escapade-300: #a4c389;
--color-deep-forestial-escapade-400: #8bab64;
--color-deep-forestial-escapade-500: #709440;
--color-deep-forestial-escapade-600: #5f7d38;
--color-deep-forestial-escapade-700: #4c642c;
--color-deep-forestial-escapade-800: #38491d;
--color-deep-forestial-escapade-900: #273313;
--color-deep-forestial-escapade-950: #151e05;
}SCSS
$deep-forestial-escapade: #395602;
$deep-forestial-escapade-rgb: 57, 86, 2;
$deep-forestial-escapade-light: mix(#fff, $deep-forestial-escapade, 20%);
$deep-forestial-escapade-dark: mix(#000, $deep-forestial-escapade, 20%);
.element {
color: $deep-forestial-escapade;
box-shadow: 0 0 0 2px rgba($deep-forestial-escapade, 0.35);
}