色名 · #FDB2AB
Peach Bud
Peach Budは#FDB2AB：rgb(253 178 171)、hsl(5 95% 83%)、oklch(0.833 0.089 25.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Peach Bud color name →
#FDB2AB
oklch(0.833 0.089 25.1)
カラー変換
- HEX
- #fdb2ab
- RGB
- rgb(253 178 171)
- HSL
- hsl(5 95% 83%)
- HWB
- hwb(5 67% 1%)
- OKLCH
- oklch(0.833 0.089 25.1)
- OKLab
- oklab(0.833 0.08 0.038)
- CIE Lab
- lab(79.75 27.49 15.14)
- LCH
- lch(79.75 31.39 28.8)
- CMYK
- cmyk(0% 30% 32% 1%)
ティント · シェード · トーン
ティント
- FEBAB3
- FFC2BC
- FFC9C4
- FFD1CC
- FFD9D5
- FFE0DD
- FFE8E5
- FFF0EE
- FFF7F6
シェード
- DC9A94
- BC837E
- 9D6D68
- 7F5754
- 624340
- 472F2D
- 2D1D1B
- 160C0B
- 030101
トーン
- F0ADA7
- E4A8A2
- D7A39E
- CA9E9A
- BE9995
- B29491
- A58F8D
- 998A89
- 8C8584
カラーハーモニー
補色 +180°
- FDB2AB
Peach Bud
- 7DD9E4
≈ Deep Aquamarine
類似色 -30° +30°
- FDB2AB
Peach Bud
- F7B0CB
≈ Caregiver Pink
- F6B990
≈ Copper Cloud
トライアド +120° +240°
- FDB2AB
Peach Bud
- A4D8A5
≈ Green Trance
- AEC8FF
≈ Night Snow
スプリットコンプリメンタリー +150° +210°
- FDB2AB
Peach Bud
- 87DBC5
≈ Fresh Mist
- 8ED2FA
≈ Kul Sharif Blue
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.73:1 · APCA Lc 31
Ag
AAA黒の上
WCAG 12.13:1 · APCA Lc 72
最適な文字色: #000000
WCAG 12.13:1 (AAA) · APCA Lc 72
Contrast pairs
コードスニペット
CSS
:root {
--peach-bud: #fdb2ab;
--peach-bud-rgb: 253 178 171;
--peach-bud-oklch: oklch(0.833 0.089 25.1);
}
.element {
color: var(--peach-bud);
background-color: hsl(5 95% 83%);
border-color: oklch(0.833 0.089 25.1);
}Tailwind CSS v4
@theme {
--color-peach-bud: #fdb2ab;
--color-peach-bud-50: #ffece8;
--color-peach-bud-100: #ffddd8;
--color-peach-bud-200: #f8c7c0;
--color-peach-bud-300: #e1a69f;
--color-peach-bud-400: #ce8a84;
--color-peach-bud-500: #ba6e68;
--color-peach-bud-600: #9d5d58;
--color-peach-bud-700: #7e4a46;
--color-peach-bud-800: #5e3634;
--color-peach-bud-900: #422523;
--color-peach-bud-950: #2a1312;
}SCSS
$peach-bud: #fdb2ab;
$peach-bud-rgb: 253, 178, 171;
$peach-bud-light: mix(#fff, $peach-bud, 20%);
$peach-bud-dark: mix(#000, $peach-bud, 20%);
.element {
color: $peach-bud;
box-shadow: 0 0 0 2px rgba($peach-bud, 0.35);
}