色名 · #9EA07D
French Parsley
French Parsleyは#9EA07D：rgb(158 160 125)、hsl(63 16% 56%)、oklch(0.695 0.049 110.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · French Parsley color name →
#9EA07D
oklch(0.695 0.049 110.3)
カラー変換
- HEX
- #9ea07d
- RGB
- rgb(158 160 125)
- HSL
- hsl(63 16% 56%)
- HWB
- hwb(63 49% 37%)
- OKLCH
- oklch(0.695 0.049 110.3)
- OKLab
- oklab(0.695 -0.017 0.046)
- CIE Lab
- lab(65 -5.23 18.09)
- LCH
- lch(65 18.83 106.1)
- CMYK
- cmyk(1% 0% 22% 37%)
ティント · シェード · トーン
ティント
- A7A98A
- B1B296
- BABCA3
- C4C5B0
- CDCFBD
- D7D8CA
- E1E2D7
- EBEBE4
- F5F5F1
シェード
- 898B6C
- 74765B
- 60614B
- 4D4E3B
- 3A3B2C
- 29291E
- 181911
- 090905
- 010101
トーン
- 9B9D7E
- 989A7E
- 95967E
- 92937F
- 8F907F
- 8C8D7F
- 898A80
- 868680
- 838380
カラーハーモニー
補色 +180°
- 9EA07D
French Parsley
- 9C98BA
≈ Grape Gatsby
類似色 -30° +30°
- 9EA07D
French Parsley
- AD9A7B
≈ Getaway
- 8DA588
≈ Sonoma Sage
トライアド +120° +240°
- 9EA07D
French Parsley
- 7EA3B6
≈ Lake Winnipeg
- B591A1
≈ Ashberry
スプリットコンプリメンタリー +150° +210°
- 9EA07D
French Parsley
- 8B9EBC
≈ Astro Bound
- AB93B0
≈ Enthroned Above
テトラード +90° +180° +270°
- 9EA07D
French Parsley
- 79A6A9
≈ Cresting Waves
- 9C98BA
≈ Grape Gatsby
- BA9190
≈ Rosy Brown
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.69:1 · APCA Lc 52
Ag
AAA黒の上
WCAG 7.77:1 · APCA Lc 49
最適な文字色: #000000
WCAG 7.77:1 (AAA) · APCA Lc 49
Contrast pairs
コードスニペット
CSS
:root {
--french-parsley: #9ea07d;
--french-parsley-rgb: 158 160 125;
--french-parsley-oklch: oklch(0.695 0.049 110.3);
}
.element {
color: var(--french-parsley);
background-color: hsl(63 16% 56%);
border-color: oklch(0.695 0.049 110.3);
}Tailwind CSS v4
@theme {
--color-french-parsley: #9ea07d;
--color-french-parsley-50: #f5f7e7;
--color-french-parsley-100: #e8ead7;
--color-french-parsley-200: #d4d7bf;
--color-french-parsley-300: #b7ba9e;
--color-french-parsley-400: #a0a180;
--color-french-parsley-500: #888964;
--color-french-parsley-600: #737455;
--color-french-parsley-700: #5c5d43;
--color-french-parsley-800: #444430;
--color-french-parsley-900: #2f2f21;
--color-french-parsley-950: #1b1b10;
}SCSS
$french-parsley: #9ea07d;
$french-parsley-rgb: 158, 160, 125;
$french-parsley-light: mix(#fff, $french-parsley, 20%);
$french-parsley-dark: mix(#000, $french-parsley, 20%);
.element {
color: $french-parsley;
box-shadow: 0 0 0 2px rgba($french-parsley, 0.35);
}