最も近い色名 · #3C7A05
#3C7A05
最も近い色名: Forest Empress
#3C7A05（rgb(60 122 5)、hsl(92 92% 25%)、oklch(0.517 0.151 135.6)）に最も近い色名はForest Empressです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#3C7A05
oklch(0.517 0.151 135.6)
カラー変換
- HEX
- #3c7a05
- RGB
- rgb(60 122 5)
- HSL
- hsl(92 92% 25%)
- HWB
- hwb(92 2% 52%)
- OKLCH
- oklch(0.517 0.151 135.6)
- OKLab
- oklab(0.517 -0.108 0.105)
- CIE Lab
- lab(45.59 -34.64 47.73)
- LCH
- lch(45.59 58.97 126)
- CMYK
- cmyk(51% 0% 96% 52%)
ティント · シェード · トーン
ティント
- 50872D
- 639447
- 76A25F
- 89AF76
- 9CBC8C
- AFC9A3
- C3D7B9
- D7E4D0
- EBF2E8
シェード
- 336904
- 2A5903
- 214902
- 193A01
- 112B01
- 0A1D00
- 041000
- 010500
- 000100
トーン
- 447B20
- 4B7C2F
- 537D3C
- 5A7E47
- 607E51
- 677F5B
- 6D7F65
- 74806E
- 7A8077
カラーハーモニー
補色 +180°
- 3C7A05
Forest Empress
- 8848A2
≈ Murasaki Purple
類似色 -30° +30°
- 3C7A05
Forest Empress
- 716B00
≈ Worn Olive
- 007B59
≈ Ivy League
トライアド +120° +240°
- 3C7A05
Forest Empress
- 2067BC
≈ Blue Streak
- AD394A
≈ Roses Are Red
スプリットコンプリメンタリー +150° +210°
- 3C7A05
Forest Empress
- 6356B9
≈ Circumorbital Ring
- A13C7B
≈ Maximum Red Purple
テトラード +90° +180° +270°
- 3C7A05
Forest Empress
- 007393
≈ Enchanted Blue
- 8848A2
≈ Murasaki Purple
- A94500
≈ Pepperoni
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.27:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 3.97:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--forest-empress: #3c7a05;
--forest-empress-rgb: 60 122 5;
--forest-empress-oklch: oklch(0.517 0.151 135.6);
}
.element {
color: var(--forest-empress);
background-color: hsl(92 92% 25%);
border-color: oklch(0.517 0.151 135.6);
}Tailwind CSS v4
@theme {
--color-forest-empress: #3c7a05;
--color-forest-empress-50: #e1ffd6;
--color-forest-empress-100: #d0f4c3;
--color-forest-empress-200: #b5e4a5;
--color-forest-empress-300: #91ca7c;
--color-forest-empress-400: #75b253;
--color-forest-empress-500: #559b24;
--color-forest-empress-600: #488321;
--color-forest-empress-700: #3a691a;
--color-forest-empress-800: #2c4d0d;
--color-forest-empress-900: #1d3508;
--color-forest-empress-950: #0d2000;
}SCSS
$forest-empress: #3c7a05;
$forest-empress-rgb: 60, 122, 5;
$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);
}