色名 · #9FFEB0
Synthetic Mint
Synthetic Mintは#9FFEB0：rgb(159 254 176)、hsl(131 98% 81%)、oklch(0.918 0.14 148.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Synthetic Mint color name →
#9FFEB0
oklch(0.918 0.14 148.8)
カラー変換
- HEX
- #9ffeb0
- RGB
- rgb(159 254 176)
- HSL
- hsl(131 98% 81%)
- HWB
- hwb(131 62% 0%)
- OKLCH
- oklch(0.918 0.14 148.8)
- OKLab
- oklab(0.918 -0.119 0.072)
- CIE Lab
- lab(92.31 -41.17 28.19)
- LCH
- lch(92.31 49.89 145.6)
- CMYK
- cmyk(37% 0% 31% 0%)
ティント · シェード · トーン
ティント
- AAFEB8
- B5FFC0
- BFFFC8
- C9FFD0
- D2FFD8
- DBFFE0
- E5FFE8
- EDFFF0
- F6FFF7
シェード
- 8ADD99
- 75BD82
- 619E6C
- 4D8056
- 3B6342
- 29472E
- 182D1C
- 09160B
- 010301
トーン
- 9DF1AB
- 9BE4A7
- 98D7A2
- 95CA9D
- 92BE99
- 8FB194
- 8CA58F
- 88988A
- 848C85
カラーハーモニー
補色 +180°
- 9FFEB0
Synthetic Mint
- FFD4FB
≈ Pink Diamond
類似色 -30° +30°
- 9FFEB0
Synthetic Mint
- DAF182
≈ Sunny Lime
- 7BFFE5
≈ Tibetan Plateau
トライアド +120° +240°
- 9FFEB0
Synthetic Mint
- D9E4FF
≈ Stoic White
- FFDAD4
≈ Forgotten Pink
スプリットコンプリメンタリー +150° +210°
- 9FFEB0
Synthetic Mint
- E8DEFF
≈ Lavender Savour
- FFD8E3
≈ Pink Supremecy
テトラード +90° +180° +270°
- 9FFEB0
Synthetic Mint
- CAE9FF
≈ Blue Java Banana
- FFD4FB
≈ Pink Diamond
- FFDDC3
≈ Salmon Creek
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.21:1 · APCA Lc 10
Ag
AAA黒の上
WCAG 17.27:1 · APCA Lc 94
最適な文字色: #000000
WCAG 17.27:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--synthetic-mint: #9ffeb0;
--synthetic-mint-rgb: 159 254 176;
--synthetic-mint-oklch: oklch(0.918 0.14 148.8);
}
.element {
color: var(--synthetic-mint);
background-color: hsl(131 98% 81%);
border-color: oklch(0.918 0.14 148.8);
}Tailwind CSS v4
@theme {
--color-synthetic-mint: #9ffeb0;
--color-synthetic-mint-50: #d9ffe1;
--color-synthetic-mint-100: #c7f6d0;
--color-synthetic-mint-200: #a9e6b6;
--color-synthetic-mint-300: #80cc92;
--color-synthetic-mint-400: #5db56f;
--color-synthetic-mint-500: #2f9e4e;
--color-synthetic-mint-600: #2a8643;
--color-synthetic-mint-700: #226b35;
--color-synthetic-mint-800: #1a4f23;
--color-synthetic-mint-900: #113717;
--color-synthetic-mint-950: #032208;
}SCSS
$synthetic-mint: #9ffeb0;
$synthetic-mint-rgb: 159, 254, 176;
$synthetic-mint-light: mix(#fff, $synthetic-mint, 20%);
$synthetic-mint-dark: mix(#000, $synthetic-mint, 20%);
.element {
color: $synthetic-mint;
box-shadow: 0 0 0 2px rgba($synthetic-mint, 0.35);
}