色名 · #D0EBC8
Mint Frappé
Mint Frappéは#D0EBC8：rgb(208 235 200)、hsl(106 47% 85%)、oklch(0.911 0.055 138.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Mint Frappé color name →
#D0EBC8
oklch(0.911 0.055 138.5)
カラー変換
- HEX
- #d0ebc8
- RGB
- rgb(208 235 200)
- HSL
- hsl(106 47% 85%)
- HWB
- hwb(106 78% 8%)
- OKLCH
- oklch(0.911 0.055 138.5)
- OKLab
- oklab(0.911 -0.041 0.036)
- CIE Lab
- lab(90.36 -13.93 13.93)
- LCH
- lch(90.36 19.7 135)
- CMYK
- cmyk(11% 0% 15% 8%)
ティント · シェード · トーン
ティント
- D5EDCD
- D9EFD3
- DEF1D8
- E3F3DE
- E7F5E3
- ECF7E9
- F1F9EE
- F6FBF4
- FAFDF9
シェード
- B5CCAE
- 9AAE94
- 80917B
- 677563
- 4F5B4C
- 394136
- 232921
- 10130F
- 020302
トーン
- C8E0C1
- C0D5B9
- B7CAB2
- AFBFAB
- A7B4A3
- 9FA99C
- 979F95
- 90948E
- 888A87
カラーハーモニー
補色 +180°
- D0EBC8
Mint Frappé
- F2D7FA
≈ Lavender Savour
類似色 -30° +30°
- D0EBC8
Mint Frappé
- E4E5BB
≈ Lily Scent Green
- BFEEDB
≈ Fresh Breeze
トライアド +120° +240°
- D0EBC8
Mint Frappé
- D1E3FF
≈ Weathered Blue
- FFD6D6
≈ We Peep
スプリットコンプリメンタリー +150° +210°
- D0EBC8
Mint Frappé
- E0DDFF
≈ Contrail
- FFD4E8
≈ Pink Currant
テトラード +90° +180° +270°
- D0EBC8
Mint Frappé
- BDEAFF
≈ Blue Java Banana
- F2D7FA
≈ Lavender Savour
- FFD8C5
≈ Friendship
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.28:1 · APCA Lc 14
Ag
AAA黒の上
WCAG 16.39:1 · APCA Lc 90
最適な文字色: #000000
WCAG 16.39:1 (AAA) · APCA Lc 90
Contrast pairs
コードスニペット
CSS
:root {
--mint-frappe: #d0ebc8;
--mint-frappe-rgb: 208 235 200;
--mint-frappe-oklch: oklch(0.911 0.055 138.5);
}
.element {
color: var(--mint-frappe);
background-color: hsl(106 47% 85%);
border-color: oklch(0.911 0.055 138.5);
}Tailwind CSS v4
@theme {
--color-mint-frappe: #d0ebc8;
--color-mint-frappe-50: #edf9eb;
--color-mint-frappe-100: #deeddc;
--color-mint-frappe-200: #c8dac5;
--color-mint-frappe-300: #a9bfa5;
--color-mint-frappe-400: #8fa787;
--color-mint-frappe-500: #748f6c;
--color-mint-frappe-600: #62795c;
--color-mint-frappe-700: #4f6149;
--color-mint-frappe-800: #3a4734;
--color-mint-frappe-900: #273123;
--color-mint-frappe-950: #161d12;
}SCSS
$mint-frappe: #d0ebc8;
$mint-frappe-rgb: 208, 235, 200;
$mint-frappe-light: mix(#fff, $mint-frappe, 20%);
$mint-frappe-dark: mix(#000, $mint-frappe, 20%);
.element {
color: $mint-frappe;
box-shadow: 0 0 0 2px rgba($mint-frappe, 0.35);
}