色名 · #FDC8B3
Malibu Peach
Malibu Peachは#FDC8B3：rgb(253 200 179)、hsl(17 95% 85%)、oklch(0.874 0.067 42.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Malibu Peach color name →
#FDC8B3
oklch(0.874 0.067 42.7)
カラー変換
- HEX
- #fdc8b3
- RGB
- rgb(253 200 179)
- HSL
- hsl(17 95% 85%)
- HWB
- hwb(17 70% 1%)
- OKLCH
- oklch(0.874 0.067 42.7)
- OKLab
- oklab(0.874 0.049 0.046)
- CIE Lab
- lab(84.99 17.3 18.11)
- LCH
- lch(84.99 25.04 46.3)
- CMYK
- cmyk(0% 21% 29% 1%)
ティント · シェード · トーン
ティント
- FECEBB
- FED3C2
- FED9CA
- FFDED1
- FFE4D9
- FFE9E0
- FFEFE8
- FFF4F0
- FFFAF7
シェード
- DCAE9B
- BC9484
- 9D7B6E
- 7F6358
- 624C43
- 47362F
- 2D211D
- 160F0C
- 030201
トーン
- F0C1AE
- E3B9A9
- D6B2A4
- CAAB9F
- BDA499
- B19C94
- A4958F
- 988E8A
- 8C8785
カラーハーモニー
補色 +180°
- FDC8B3
Malibu Peach
- A5E0F6
≈ Van Gogh Blue
類似色 -30° +30°
- FDC8B3
Malibu Peach
- FFC4C9
≈ Rubber Rose
- F1CFA5
≈ Tequila
トライアド +120° +240°
- FDC8B3
Malibu Peach
- AEE4C9
≈ Coastal Foam
- CFD1FF
≈ Pale Phthalo Blue
スプリットコンプリメンタリー +150° +210°
- FDC8B3
Malibu Peach
- A1E4E1
≈ Everest
- B9D9FF
≈ Broad Daylight
テトラード +90° +180° +270°
- FDC8B3
Malibu Peach
- C5E0B2
≈ Viridine Green
- A5E0F6
≈ Van Gogh Blue
- E5C9F6
≈ Lens Flare Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.49:1 · APCA Lc 23
Ag
AAA黒の上
WCAG 14.08:1 · APCA Lc 80
最適な文字色: #000000
WCAG 14.08:1 (AAA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--malibu-peach: #fdc8b3;
--malibu-peach-rgb: 253 200 179;
--malibu-peach-oklch: oklch(0.874 0.067 42.7);
}
.element {
color: var(--malibu-peach);
background-color: hsl(17 95% 85%);
border-color: oklch(0.874 0.067 42.7);
}Tailwind CSS v4
@theme {
--color-malibu-peach: #fdc8b3;
--color-malibu-peach-50: #fff0e6;
--color-malibu-peach-100: #fce1d6;
--color-malibu-peach-200: #eeccbd;
--color-malibu-peach-300: #d6ad9c;
--color-malibu-peach-400: #c1927f;
--color-malibu-peach-500: #ad7862;
--color-malibu-peach-600: #926554;
--color-malibu-peach-700: #755143;
--color-malibu-peach-800: #573b30;
--color-malibu-peach-900: #3d2821;
--color-malibu-peach-950: #261610;
}SCSS
$malibu-peach: #fdc8b3;
$malibu-peach-rgb: 253, 200, 179;
$malibu-peach-light: mix(#fff, $malibu-peach, 20%);
$malibu-peach-dark: mix(#000, $malibu-peach, 20%);
.element {
color: $malibu-peach;
box-shadow: 0 0 0 2px rgba($malibu-peach, 0.35);
}