色名 · #E6BCCD
Pink Mist
Pink Mistは#E6BCCD：rgb(230 188 205)、hsl(336 46% 82%)、oklch(0.837 0.053 352.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Pink Mist color name →
#E6BCCD
oklch(0.837 0.053 352.1)
カラー変換
- HEX
- #e6bccd
- RGB
- rgb(230 188 205)
- HSL
- hsl(336 46% 82%)
- HWB
- hwb(336 74% 10%)
- OKLCH
- oklch(0.837 0.053 352.1)
- OKLab
- oklab(0.837 0.052 -0.007)
- CIE Lab
- lab(80.38 17.53 -2.6)
- LCH
- lch(80.38 17.72 351.6)
- CMYK
- cmyk(0% 18% 11% 10%)
ティント · シェード · トーン
ティント
- E9C3D2
- EBC9D7
- EED0DC
- F1D7E1
- F3DDE6
- F6E4EB
- F8EBF0
- FAF1F5
- FDF8FA
シェード
- C8A3B2
- AB8B98
- 8E737E
- 735D66
- 59474E
- 403238
- 281F23
- 130D0F
- 030202
トーン
- DBB6C5
- D1B0BD
- C7AAB5
- BCA4AD
- B29EA6
- A8989E
- 9E9296
- 948C8F
- 8A8687
カラーハーモニー
補色 +180°
- E6BCCD
Pink Mist
- A7D5C6
≈ Southern Belle
類似色 -30° +30°
- E6BCCD
Pink Mist
- DABFDE
≈ Faded Violet
- EABDBA
≈ Arizona Sunrise
トライアド +120° +240°
- E6BCCD
Pink Mist
- CACEA6
≈ Baize Green
- A8D0E6
≈ Chefchaouen Blue
スプリットコンプリメンタリー +150° +210°
- E6BCCD
Pink Mist
- B7D3B3
≈ Lime Taffy
- A2D4D8
≈ Iced Aqua
テトラード +90° +180° +270°
- E6BCCD
Pink Mist
- DBC7A3
≈ Oatmeal Bath
- A7D5C6
≈ Southern Belle
- B7CAED
≈ Cuddle
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.68:1 · APCA Lc 30
Ag
AAA黒の上
WCAG 12.43:1 · APCA Lc 73
最適な文字色: #000000
WCAG 12.43:1 (AAA) · APCA Lc 73
Contrast pairs
コードスニペット
CSS
:root {
--pink-mist: #e6bccd;
--pink-mist-rgb: 230 188 205;
--pink-mist-oklch: oklch(0.837 0.053 352.1);
}
.element {
color: var(--pink-mist);
background-color: hsl(336 46% 82%);
border-color: oklch(0.837 0.053 352.1);
}Tailwind CSS v4
@theme {
--color-pink-mist: #e6bccd;
--color-pink-mist-50: #ffeff6;
--color-pink-mist-100: #f7e1e9;
--color-pink-mist-200: #e8cbd6;
--color-pink-mist-300: #ceadb9;
--color-pink-mist-400: #b892a2;
--color-pink-mist-500: #a2788a;
--color-pink-mist-600: #896675;
--color-pink-mist-700: #6e515d;
--color-pink-mist-800: #513b45;
--color-pink-mist-900: #382830;
--color-pink-mist-950: #23161c;
}SCSS
$pink-mist: #e6bccd;
$pink-mist-rgb: 230, 188, 205;
$pink-mist-light: mix(#fff, $pink-mist, 20%);
$pink-mist-dark: mix(#000, $pink-mist, 20%);
.element {
color: $pink-mist;
box-shadow: 0 0 0 2px rgba($pink-mist, 0.35);
}