色名 · #C8F3CD
Mint Gloss
Mint Glossは#C8F3CD：rgb(200 243 205)、hsl(127 64% 87%)、oklch(0.924 0.068 148.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Mint Gloss color name →
#C8F3CD
oklch(0.924 0.068 148.2)
カラー変換
- HEX
- #c8f3cd
- RGB
- rgb(200 243 205)
- HSL
- hsl(127 64% 87%)
- HWB
- hwb(127 78% 5%)
- OKLCH
- oklch(0.924 0.068 148.2)
- OKLab
- oklab(0.924 -0.058 0.036)
- CIE Lab
- lab(92.04 -19.7 13.61)
- LCH
- lch(92.04 23.95 145.4)
- CMYK
- cmyk(18% 0% 16% 5%)
ティント · シェード · トーン
ティント
- CEF4D2
- D3F6D7
- D9F7DC
- DEF8E1
- E4F9E6
- E9FAEB
- EFFCF0
- F4FDF5
- FAFEFA
シェード
- AED3B2
- 94B498
- 7B977E
- 637A66
- 4C5E4E
- 364438
- 212B23
- 0F140F
- 020302
トーン
- C1E7C5
- B9DBBD
- B2CFB5
- ABC4AE
- A4B8A6
- 9DAD9E
- 95A197
- 8E968F
- 878B87
カラーハーモニー
補色 +180°
- C8F3CD
Mint Gloss
- FFD7FC
≈ Strawberry Frost
類似色 -30° +30°
- C8F3CD
Mint Gloss
- E1EDBA
≈ Fennel Bulb
- B5F5E6
≈ Pale King’s Blue
トライアド +120° +240°
- C8F3CD
Mint Gloss
- DBE6FF
≈ Veiling Waterfalls
- FFDDD7
≈ Peach Schnapps
スプリットコンプリメンタリー +150° +210°
- C8F3CD
Mint Gloss
- E9E0FF
≈ Lavender Savour
- FFDBE5
≈ Pink Perfume
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.22:1 · APCA Lc 11
Ag
AAA黒の上
WCAG 17.15:1 · APCA Lc 93
最適な文字色: #000000
WCAG 17.15:1 (AAA) · APCA Lc 93
Contrast pairs
コードスニペット
CSS
:root {
--mint-gloss: #c8f3cd;
--mint-gloss-rgb: 200 243 205;
--mint-gloss-oklch: oklch(0.924 0.068 148.2);
}
.element {
color: var(--mint-gloss);
background-color: hsl(127 64% 87%);
border-color: oklch(0.924 0.068 148.2);
}Tailwind CSS v4
@theme {
--color-mint-gloss: #c8f3cd;
--color-mint-gloss-50: #e8fbeb;
--color-mint-gloss-100: #d9efdc;
--color-mint-gloss-200: #c1ddc5;
--color-mint-gloss-300: #9fc2a6;
--color-mint-gloss-400: #83aa88;
--color-mint-gloss-500: #67936d;
--color-mint-gloss-600: #577c5c;
--color-mint-gloss-700: #46634a;
--color-mint-gloss-800: #334934;
--color-mint-gloss-900: #233224;
--color-mint-gloss-950: #121e13;
}SCSS
$mint-gloss: #c8f3cd;
$mint-gloss-rgb: 200, 243, 205;
$mint-gloss-light: mix(#fff, $mint-gloss, 20%);
$mint-gloss-dark: mix(#000, $mint-gloss, 20%);
.element {
color: $mint-gloss;
box-shadow: 0 0 0 2px rgba($mint-gloss, 0.35);
}