色名 · #F4C8D5
Mountain Laurel
Mountain Laurelは#F4C8D5：rgb(244 200 213)、hsl(342 67% 87%)、oklch(0.874 0.052 358.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Mountain Laurel color name →
#F4C8D5
oklch(0.874 0.052 358.6)
カラー変換
- HEX
- #f4c8d5
- RGB
- rgb(244 200 213)
- HSL
- hsl(342 67% 87%)
- HWB
- hwb(342 78% 4%)
- OKLCH
- oklch(0.874 0.052 358.6)
- OKLab
- oklab(0.874 0.052 -0.001)
- CIE Lab
- lab(84.78 17.57 -0.3)
- LCH
- lch(84.78 17.58 359)
- CMYK
- cmyk(0% 18% 13% 4%)
ティント · シェード · トーン
ティント
- F5CDD9
- F7D3DD
- F8D8E1
- F9DEE6
- FAE3EA
- FBE9EE
- FCEEF2
- FDF4F6
- FEF9FB
シェード
- D4AEB9
- B5949E
- 977B83
- 7A636A
- 5E4C51
- 44363A
- 2B2124
- 140F10
- 030202
トーン
- E8C1CC
- DCB9C3
- D0B2BB
- C4ABB2
- B9A3AA
- AD9CA1
- A29599
- 968E90
- 8B8788
カラーハーモニー
補色 +180°
- F4C8D5
Mountain Laurel
- B1E2D6
≈ Ice Cube
類似色 -30° +30°
- F4C8D5
Mountain Laurel
- EACAE7
≈ Sugar High
- F7C9C2
≈ Seashell Pink
トライアド +120° +240°
- F4C8D5
Mountain Laurel
- D2DBB5
≈ Green Parlour
- B7DBF5
≈ Endless Horizon
スプリットコンプリメンタリー +150° +210°
- F4C8D5
Mountain Laurel
- BFE0C3
≈ Mother Nature
- AEE0E8
≈ Powder Blue
テトラード +90° +180° +270°
- F4C8D5
Mountain Laurel
- E4D5AF
≈ Anise Biscotti
- B1E2D6
≈ Ice Cube
- C7D5F9
≈ Pale Phthalo Blue
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.49:1 · APCA Lc 23
Ag
AAA黒の上
WCAG 14.06:1 · APCA Lc 80
最適な文字色: #000000
WCAG 14.06:1 (AAA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--mountain-laurel: #f4c8d5;
--mountain-laurel-rgb: 244 200 213;
--mountain-laurel-oklch: oklch(0.874 0.052 358.6);
}
.element {
color: var(--mountain-laurel);
background-color: hsl(342 67% 87%);
border-color: oklch(0.874 0.052 358.6);
}Tailwind CSS v4
@theme {
--color-mountain-laurel: #f4c8d5;
--color-mountain-laurel-50: #ffeff4;
--color-mountain-laurel-100: #f8e1e7;
--color-mountain-laurel-200: #e9cbd3;
--color-mountain-laurel-300: #cfadb6;
--color-mountain-laurel-400: #b9929e;
--color-mountain-laurel-500: #a47885;
--color-mountain-laurel-600: #8a6671;
--color-mountain-laurel-700: #6f515a;
--color-mountain-laurel-800: #523b43;
--color-mountain-laurel-900: #39282e;
--color-mountain-laurel-950: #23161b;
}SCSS
$mountain-laurel: #f4c8d5;
$mountain-laurel-rgb: 244, 200, 213;
$mountain-laurel-light: mix(#fff, $mountain-laurel, 20%);
$mountain-laurel-dark: mix(#000, $mountain-laurel, 20%);
.element {
color: $mountain-laurel;
box-shadow: 0 0 0 2px rgba($mountain-laurel, 0.35);
}