色名 · #FDCFA1
Peach Beach
Peach Beachは#FDCFA1：rgb(253 207 161)、hsl(30 96% 81%)、oklch(0.884 0.079 66.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Peach Beach color name →
#FDCFA1
oklch(0.884 0.079 66.5)
カラー変換
- HEX
- #fdcfa1
- RGB
- rgb(253 207 161)
- HSL
- hsl(30 96% 81%)
- HWB
- hwb(30 63% 1%)
- OKLCH
- oklch(0.884 0.079 66.5)
- OKLab
- oklab(0.884 0.032 0.073)
- CIE Lab
- lab(86.38 12.24 29.34)
- LCH
- lch(86.38 31.8 67.4)
- CMYK
- cmyk(0% 18% 36% 1%)
ティント · シェード · トーン
ティント
- FDD4AB
- FED9B4
- FEDEBE
- FEE2C7
- FFE7D0
- FFECDA
- FFF1E3
- FFF6EC
- FFFAF6
シェード
- DCB48B
- BC9976
- 9D7F62
- 7F674E
- 624F3C
- 47382A
- 2D2319
- 161009
- 030201
トーン
- F0C79E
- E3BF9B
- D6B798
- CAAF95
- BDA791
- B19F8E
- A4978B
- 988F87
- 8C8884
カラーハーモニー
補色 +180°
- FDCFA1
Peach Beach
- B9DDFF
≈ Broad Daylight
類似色 -30° +30°
- FDCFA1
Peach Beach
- FFCBBC
≈ Piggy Bank
- E7D99D
≈ Sunny Glory
トライアド +120° +240°
- FDCFA1
Peach Beach
- 9BEAE1
≈ Sea Glass Teal
- E5CDFF
≈ Lens Flare Pink
スプリットコンプリメンタリー +150° +210°
- FDCFA1
Peach Beach
- 9BE6FB
≈ Winter Wizard
- CED6FF
≈ Pale Phthalo Blue
テトラード +90° +180° +270°
- FDCFA1
Peach Beach
- AEE9C3
≈ Glaucous Green
- B9DDFF
≈ Broad Daylight
- FBC5EC
≈ Rosy Maple Moth
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.43:1 · APCA Lc 21
Ag
AAA黒の上
WCAG 14.61:1 · APCA Lc 83
最適な文字色: #000000
WCAG 14.61:1 (AAA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--peach-beach: #fdcfa1;
--peach-beach-rgb: 253 207 161;
--peach-beach-oklch: oklch(0.884 0.079 66.5);
}
.element {
color: var(--peach-beach);
background-color: hsl(30 96% 81%);
border-color: oklch(0.884 0.079 66.5);
}Tailwind CSS v4
@theme {
--color-peach-beach: #fdcfa1;
--color-peach-beach-50: #fff2de;
--color-peach-beach-100: #fae4cc;
--color-peach-beach-200: #ebcfb1;
--color-peach-beach-300: #d3b18c;
--color-peach-beach-400: #bf956c;
--color-peach-beach-500: #aa7b4b;
--color-peach-beach-600: #8f6940;
--color-peach-beach-700: #735433;
--color-peach-beach-800: #563c24;
--color-peach-beach-900: #3c2a18;
--color-peach-beach-950: #251709;
}SCSS
$peach-beach: #fdcfa1;
$peach-beach-rgb: 253, 207, 161;
$peach-beach-light: mix(#fff, $peach-beach, 20%);
$peach-beach-dark: mix(#000, $peach-beach, 20%);
.element {
color: $peach-beach;
box-shadow: 0 0 0 2px rgba($peach-beach, 0.35);
}