最も近い色名 · #3C7524
#3C7524
最も近い色名: Forest Empress
#3C7524（rgb(60 117 36)、hsl(102 53% 30%)、oklch(0.505 0.128 137.8)）に最も近い色名はForest Empressです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#3C7524
oklch(0.505 0.128 137.8)
カラー変換
- HEX
- #3c7524
- RGB
- rgb(60 117 36)
- HSL
- hsl(102 53% 30%)
- HWB
- hwb(102 14% 54%)
- OKLCH
- oklch(0.505 0.128 137.8)
- OKLab
- oklab(0.505 -0.095 0.086)
- CIE Lab
- lab(44.04 -31.36 36.89)
- LCH
- lch(44.04 48.42 130.4)
- CMYK
- cmyk(49% 0% 69% 54%)
ティント · シェード · トーン
ティント
- 4F823C
- 629052
- 759E67
- 88AB7C
- 9BB991
- AFC7A7
- C2D5BC
- D6E3D2
- EBF1E9
シェード
- 33651E
- 2A5518
- 214612
- 19370C
- 112907
- 0A1C04
- 040F02
- 010500
- 000100
トーン
- 447630
- 4B783B
- 527944
- 597A4E
- 607B56
- 677D5F
- 6D7E67
- 737E70
- 7A7F78
カラーハーモニー
補色 +180°
- 3C7524
Forest Empress
- 824A94
≈ Voodoo Violet
類似色 -30° +30°
- 3C7524
Forest Empress
- 6B6900
≈ Worn Olive
- 007759
≈ Victoria Peak
トライアド +120° +240°
- 3C7524
Forest Empress
- 3164AD
≈ Adventure of the Seas
- A14048
≈ Eternal Flame
スプリットコンプリメンタリー +150° +210°
- 3C7524
Forest Empress
- 6256A9
≈ Yuè Guāng Lán Moonlight
- 974172
≈ Dynamo
テトラード +90° +180° +270°
- 3C7524
Forest Empress
- 006F91
≈ Tropic Sea
- 824A94
≈ Voodoo Violet
- 9D4912
≈ Oregon
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.58:1 · APCA Lc 78
Ag
Fail黒の上
WCAG 3.76:1 · APCA Lc 24
最適な文字色: #FFFFFF
WCAG 5.58:1 (AA) · APCA Lc 78
Contrast pairs
コードスニペット
CSS
:root {
--forest-empress: #3c7524;
--forest-empress-rgb: 60 117 36;
--forest-empress-oklch: oklch(0.505 0.128 137.8);
}
.element {
color: var(--forest-empress);
background-color: hsl(102 53% 30%);
border-color: oklch(0.505 0.128 137.8);
}Tailwind CSS v4
@theme {
--color-forest-empress: #3c7524;
--color-forest-empress-50: #e3ffdc;
--color-forest-empress-100: #d2f3ca;
--color-forest-empress-200: #b8e2ae;
--color-forest-empress-300: #94c889;
--color-forest-empress-400: #78b063;
--color-forest-empress-500: #58993f;
--color-forest-empress-600: #4b8237;
--color-forest-empress-700: #3c682b;
--color-forest-empress-800: #2d4c1c;
--color-forest-empress-900: #1e3512;
--color-forest-empress-950: #0e2004;
}SCSS
$forest-empress: #3c7524;
$forest-empress-rgb: 60, 117, 36;
$forest-empress-light: mix(#fff, $forest-empress, 20%);
$forest-empress-dark: mix(#000, $forest-empress, 20%);
.element {
color: $forest-empress;
box-shadow: 0 0 0 2px rgba($forest-empress, 0.35);
}