最も近い色名 · #98BC69
#98BC69
最も近い色名: Pistachio
#98BC69（rgb(152 188 105)、hsl(86 38% 57%)、oklch(0.75 0.117 128.1)）に最も近い色名はPistachioです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#98BC69
oklch(0.75 0.117 128.1)
カラー変換
- HEX
- #98bc69
- RGB
- rgb(152 188 105)
- HSL
- hsl(86 38% 57%)
- HWB
- hwb(86 41% 26%)
- OKLCH
- oklch(0.75 0.117 128.1)
- OKLab
- oklab(0.75 -0.072 0.092)
- CIE Lab
- lab(72.16 -23.05 37.68)
- LCH
- lch(72.16 44.17 121.5)
- CMYK
- cmyk(19% 0% 44% 26%)
ティント · シェード · トーン
ティント
- A2C379
- ACCA88
- B6D097
- C0D7A6
- CADEB5
- D5E4C4
- DFEBD2
- EAF2E1
- F4F8F0
シェード
- 84A35A
- 708B4C
- 5C733E
- 4A5D31
- 384724
- 273218
- 171F0C
- 080D04
- 010200
トーン
- 96B66C
- 93B070
- 91AA72
- 8EA475
- 8C9E77
- 8A9879
- 87927B
- 858C7D
- 82867F
カラーハーモニー
補色 +180°
- 98BC69
Pistachio
- C399E7
≈ Bright Lavender
類似色 -30° +30°
- 98BC69
Pistachio
- C1AE50
≈ Sun Dance
- 66C491
≈ Felt Green
トライアド +120° +240°
- 98BC69
Pistachio
- 6FB4F4
≈ French Sky Blue
- ED8D9F
≈ Wonder Lust
スプリットコンプリメンタリー +150° +210°
- 98BC69
Pistachio
- 9DA6F7
≈ Widowmaker
- DE90C7
≈ Firm Pink
テトラード +90° +180° +270°
- 98BC69
Pistachio
- 40BFDF
≈ Lake Thun
- C399E7
≈ Bright Lavender
- ED9376
≈ Moegi Green
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.15:1 · APCA Lc 42
Ag
AAA黒の上
WCAG 9.73:1 · APCA Lc 60
最適な文字色: #000000
WCAG 9.73:1 (AAA) · APCA Lc 60
Contrast pairs
コードスニペット
CSS
:root {
--pistachio: #98bc69;
--pistachio-rgb: 152 188 105;
--pistachio-oklch: oklch(0.75 0.117 128.1);
}
.element {
color: var(--pistachio);
background-color: hsl(86 38% 57%);
border-color: oklch(0.75 0.117 128.1);
}Tailwind CSS v4
@theme {
--color-pistachio: #98bc69;
--color-pistachio-50: #eafdda;
--color-pistachio-100: #dbf0c8;
--color-pistachio-200: #c4dfaa;
--color-pistachio-300: #a3c484;
--color-pistachio-400: #8aac5e;
--color-pistachio-500: #6f9437;
--color-pistachio-600: #5e7e30;
--color-pistachio-700: #4b6526;
--color-pistachio-800: #384918;
--color-pistachio-900: #26330f;
--color-pistachio-950: #151e03;
}SCSS
$pistachio: #98bc69;
$pistachio-rgb: 152, 188, 105;
$pistachio-light: mix(#fff, $pistachio, 20%);
$pistachio-dark: mix(#000, $pistachio, 20%);
.element {
color: $pistachio;
box-shadow: 0 0 0 2px rgba($pistachio, 0.35);
}