最も近い色名 · #F8EAFF
#F8EAFF
最も近い色名: Minute Mauve
#F8EAFF（rgb(248 234 255)、hsl(280 100% 96%)、oklch(0.954 0.032 314.7)）に最も近い色名はMinute Mauveです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#F8EAFF
oklch(0.954 0.032 314.7)
カラー変換
- HEX
- #f8eaff
- RGB
- rgb(248 234 255)
- HSL
- hsl(280 100% 96%)
- HWB
- hwb(280 92% 0%)
- OKLCH
- oklch(0.954 0.032 314.7)
- OKLab
- oklab(0.954 0.022 -0.022)
- CIE Lab
- lab(94.28 7.65 -8.39)
- LCH
- lch(94.28 11.35 312.4)
- CMYK
- cmyk(3% 8% 0% 0%)
ティント · シェード · トーン
ティント
- F9ECFF
- F9EEFF
- FAF0FF
- FBF2FF
- FCF5FF
- FCF7FF
- FDF9FF
- FEFBFF
- FEFDFF
シェード
- D8CBDE
- B8AEBE
- 9A919E
- 7C7580
- 605A63
- 454148
- 2C292E
- 151316
- 030303
トーン
- EBDFF2
- DFD4E4
- D3C9D7
- C6BECA
- BAB4BE
- AEA9B1
- A29FA4
- 979498
- 8B8A8C
カラーハーモニー
補色 +180°
- F8EAFF
Minute Mauve
- E7F5E0
≈ Lush Life
類似色 -30° +30°
- F8EAFF
Minute Mauve
- EEEEFF
≈ Carte Blanche
- FFE9F4
≈ Fairy Dust
トライアド +120° +240°
- F8EAFF
Minute Mauve
- FDEDD9
≈ Verve
- D9F7F6
≈ Fishious Rend
スプリットコンプリメンタリー +150° +210°
- F8EAFF
Minute Mauve
- F3F1DA
≈ Hipster
- DDF7EA
≈ Treacherous Blizzard
テトラード +90° +180° +270°
- F8EAFF
Minute Mauve
- FFEBE3
≈ Peach Breeze
- E7F5E0
≈ Lush Life
- DCF5FF
≈ Glacial Day
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.15:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 18.20:1 · APCA Lc 97
最適な文字色: #000000
WCAG 18.20:1 (AAA) · APCA Lc 97
Contrast pairs
コードスニペット
CSS
:root {
--minute-mauve: #f8eaff;
--minute-mauve-rgb: 248 234 255;
--minute-mauve-oklch: oklch(0.954 0.032 314.7);
}
.element {
color: var(--minute-mauve);
background-color: hsl(280 100% 96%);
border-color: oklch(0.954 0.032 314.7);
}Tailwind CSS v4
@theme {
--color-minute-mauve: #f8eaff;
--color-minute-mauve-50: #f9f2fb;
--color-minute-mauve-100: #ece5ef;
--color-minute-mauve-200: #dad0dd;
--color-minute-mauve-300: #beb3c2;
--color-minute-mauve-400: #a699ac;
--color-minute-mauve-500: #8e8095;
--color-minute-mauve-600: #786d7e;
--color-minute-mauve-700: #605765;
--color-minute-mauve-800: #463f4a;
--color-minute-mauve-900: #312c34;
--color-minute-mauve-950: #1d191f;
}SCSS
$minute-mauve: #f8eaff;
$minute-mauve-rgb: 248, 234, 255;
$minute-mauve-light: mix(#fff, $minute-mauve, 20%);
$minute-mauve-dark: mix(#000, $minute-mauve, 20%);
.element {
color: $minute-mauve;
box-shadow: 0 0 0 2px rgba($minute-mauve, 0.35);
}