色名 · #839B5C
Pine Leaves
Pine Leavesは#839B5C：rgb(131 155 92)、hsl(83 26% 48%)、oklch(0.655 0.091 125.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Pine Leaves color name →
#839B5C
oklch(0.655 0.091 125.8)
カラー変換
- HEX
- #839b5c
- RGB
- rgb(131 155 92)
- HSL
- hsl(83 26% 48%)
- HWB
- hwb(83 36% 39%)
- OKLCH
- oklch(0.655 0.091 125.8)
- OKLab
- oklab(0.655 -0.054 0.074)
- CIE Lab
- lab(60.95 -16.96 30.08)
- LCH
- lch(60.95 34.53 119.4)
- CMYK
- cmyk(15% 0% 41% 39%)
ティント · シェード · トーン
ティント
- 8FA56C
- 9BAF7C
- A7B88C
- B3C29C
- BFCCAD
- CCD6BD
- D8E0CD
- E5EBDE
- F2F5EE
シェード
- 71864F
- 607242
- 4F5E36
- 3F4B2A
- 2F391F
- 202814
- 12180A
- 060903
- 010100
トーン
- 839860
- 829665
- 829368
- 82906C
- 828E70
- 818B73
- 818877
- 81867A
- 80837D
カラーハーモニー
補色 +180°
- 839B5C
Pine Leaves
- 9E82BD
≈ Purple Mountains’ Majesty
類似色 -30° +30°
- 839B5C
Pine Leaves
- A2914C
≈ Backroom Ember
- 60A279
≈ Growth
トライアド +120° +240°
- 839B5C
Pine Leaves
- 6096C5
≈ Blueberry Soft Blue
- C17988
≈ Japanese Coral
スプリットコンプリメンタリー +150° +210°
- 839B5C
Pine Leaves
- 818CC9
≈ Pansy Garden
- B47BA6
≈ Purple Cheeks
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.08:1 · APCA Lc 58
Ag
AA黒の上
WCAG 6.80:1 · APCA Lc 44
最適な文字色: #000000
WCAG 6.80:1 (AA) · APCA Lc 44
Contrast pairs
コードスニペット
CSS
:root {
--pine-leaves: #839b5c;
--pine-leaves-rgb: 131 155 92;
--pine-leaves-oklch: oklch(0.655 0.091 125.8);
}
.element {
color: var(--pine-leaves);
background-color: hsl(83 26% 48%);
border-color: oklch(0.655 0.091 125.8);
}Tailwind CSS v4
@theme {
--color-pine-leaves: #839b5c;
--color-pine-leaves-50: #eefbdf;
--color-pine-leaves-100: #dfeece;
--color-pine-leaves-200: #c9dcb3;
--color-pine-leaves-300: #aac18e;
--color-pine-leaves-400: #91a86c;
--color-pine-leaves-500: #77914b;
--color-pine-leaves-600: #657b40;
--color-pine-leaves-700: #516233;
--color-pine-leaves-800: #3c4823;
--color-pine-leaves-900: #293217;
--color-pine-leaves-950: #171e08;
}SCSS
$pine-leaves: #839b5c;
$pine-leaves-rgb: 131, 155, 92;
$pine-leaves-light: mix(#fff, $pine-leaves, 20%);
$pine-leaves-dark: mix(#000, $pine-leaves, 20%);
.element {
color: $pine-leaves;
box-shadow: 0 0 0 2px rgba($pine-leaves, 0.35);
}