色名 · #1C352D
Medium Jungle Green
Medium Jungle Greenは#1C352D：rgb(28 53 45)、hsl(161 31% 16%)、oklch(0.306 0.035 171.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Medium Jungle Green color name →
#1C352D
oklch(0.306 0.035 171.4)
カラー変換
- HEX
- #1c352d
- RGB
- rgb(28 53 45)
- HSL
- hsl(161 31% 16%)
- HWB
- hwb(161 11% 79%)
- OKLCH
- oklch(0.306 0.035 171.4)
- OKLab
- oklab(0.306 -0.034 0.005)
- CIE Lab
- lab(19.92 -11.9 1.86)
- LCH
- lch(19.92 12.04 171.1)
- CMYK
- cmyk(47% 0% 15% 79%)
ティント · シェード · トーン
ティント
- 30473F
- 455952
- 5A6C65
- 70807A
- 86948F
- 9DA8A4
- B5BDBA
- CDD3D1
- E6E9E8
シェード
- 172D26
- 12251F
- 0D1D18
- 081511
- 050E0B
- 020806
- 010302
- 000101
- 000000
トーン
- 263C35
- 2F433C
- 394A44
- 43524C
- 4D5955
- 57615D
- 616966
- 6B706E
- 767877
カラーハーモニー
補色 +180°
- 1C352D
Medium Jungle Green
- 3D2831
≈ Late Night Out
類似色 -30° +30°
- 1C352D
Medium Jungle Green
- 253423
≈ Black Leather Jacket
- 183537
≈ Elite Teal
トライアド +120° +240°
- 1C352D
Medium Jungle Green
- 2F2C40
≈ Viola Black
- 3D2A1F
≈ Bistre
スプリットコンプリメンタリー +150° +210°
- 1C352D
Medium Jungle Green
- 37293A
≈ Obsidian Red
- 3F2827
≈ Ethereal Espresso
テトラード +90° +180° +270°
- 1C352D
Medium Jungle Green
- 252F41
≈ Navy Blazer
- 3D2831
≈ Late Night Out
- 382E1B
≈ Vanilla Bean Brown
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 13.15:1 · APCA Lc 99
Ag
Fail黒の上
WCAG 1.59:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 13.15:1 (AAA) · APCA Lc 99
Contrast pairs
コードスニペット
CSS
:root {
--medium-jungle-green: #1c352d;
--medium-jungle-green-rgb: 28 53 45;
--medium-jungle-green-oklch: oklch(0.306 0.035 171.4);
}
.element {
color: var(--medium-jungle-green);
background-color: hsl(161 31% 16%);
border-color: oklch(0.306 0.035 171.4);
}Tailwind CSS v4
@theme {
--color-medium-jungle-green: #1c352d;
--color-medium-jungle-green-50: #ecf9f4;
--color-medium-jungle-green-100: #ddece7;
--color-medium-jungle-green-200: #c6d9d3;
--color-medium-jungle-green-300: #a6bdb6;
--color-medium-jungle-green-400: #8ba59c;
--color-medium-jungle-green-500: #6f8e83;
--color-medium-jungle-green-600: #5f786f;
--color-medium-jungle-green-700: #4b6059;
--color-medium-jungle-green-800: #374640;
--color-medium-jungle-green-900: #25312c;
--color-medium-jungle-green-950: #141d19;
}SCSS
$medium-jungle-green: #1c352d;
$medium-jungle-green-rgb: 28, 53, 45;
$medium-jungle-green-light: mix(#fff, $medium-jungle-green, 20%);
$medium-jungle-green-dark: mix(#000, $medium-jungle-green, 20%);
.element {
color: $medium-jungle-green;
box-shadow: 0 0 0 2px rgba($medium-jungle-green, 0.35);
}