色名 · #5A9F4D
Parsley Green
Parsley Greenは#5A9F4D：rgb(90 159 77)、hsl(110 35% 46%)、oklch(0.637 0.136 140.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Parsley Green color name →
#5A9F4D
oklch(0.637 0.136 140.5)
カラー変換
- HEX
- #5a9f4d
- RGB
- rgb(90 159 77)
- HSL
- hsl(110 35% 46%)
- HWB
- hwb(110 30% 38%)
- OKLCH
- oklch(0.637 0.136 140.5)
- OKLab
- oklab(0.637 -0.105 0.086)
- CIE Lab
- lab(59.51 -35.16 35.31)
- LCH
- lch(59.51 49.83 134.9)
- CMYK
- cmyk(43% 0% 52% 38%)
ティント · シェード · トーン
ティント
- 6BA95F
- 7CB271
- 8CBC83
- 9CC694
- ADCFA6
- BDD9B7
- CDE2C9
- DEECDB
- EEF5ED
シェード
- 4D8A42
- 417537
- 35612C
- 294D22
- 1E3B18
- 13290F
- 091807
- 030902
- 000100
トーン
- 5F9C53
- 649959
- 68965F
- 6C9364
- 709069
- 738D6E
- 778A73
- 7A8777
- 7D837C
カラーハーモニー
補色 +180°
- 5A9F4D
Parsley Green
- B06EBD
≈ Lavendless
類似色 -30° +30°
- 5A9F4D
Parsley Green
- 909211
≈ Old Asparagus
- 00A380
≈ Sport Green
トライアド +120° +240°
- 5A9F4D
Parsley Green
- 5A8ADD
≈ Blue Jay
- D16668
≈ Lippie
スプリットコンプリメンタリー +150° +210°
- 5A9F4D
Parsley Green
- 8C7BD7
≈ Indigo Bloom
- C76696
≈ Nocturnal Rose
テトラード +90° +180° +270°
- 5A9F4D
Parsley Green
- 0098CA
≈ UV Light
- B06EBD
≈ Lavendless
- CB7035
≈ Ochre Pigment
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.23:1 · APCA Lc 59
Ag
AA黒の上
WCAG 6.50:1 · APCA Lc 42
最適な文字色: #000000
WCAG 6.50:1 (AA) · APCA Lc 42
Contrast pairs
コードスニペット
CSS
:root {
--parsley-green: #5a9f4d;
--parsley-green-rgb: 90 159 77;
--parsley-green-oklch: oklch(0.637 0.136 140.5);
}
.element {
color: var(--parsley-green);
background-color: hsl(110 35% 46%);
border-color: oklch(0.637 0.136 140.5);
}Tailwind CSS v4
@theme {
--color-parsley-green: #5a9f4d;
--color-parsley-green-50: #e0ffdc;
--color-parsley-green-100: #cff4cb;
--color-parsley-green-200: #b3e4ae;
--color-parsley-green-300: #8ec989;
--color-parsley-green-400: #70b264;
--color-parsley-green-500: #4e9b3f;
--color-parsley-green-600: #438337;
--color-parsley-green-700: #35692b;
--color-parsley-green-800: #284d1c;
--color-parsley-green-900: #1b3612;
--color-parsley-green-950: #0b2104;
}SCSS
$parsley-green: #5a9f4d;
$parsley-green-rgb: 90, 159, 77;
$parsley-green-light: mix(#fff, $parsley-green, 20%);
$parsley-green-dark: mix(#000, $parsley-green, 20%);
.element {
color: $parsley-green;
box-shadow: 0 0 0 2px rgba($parsley-green, 0.35);
}