色名 · #FB9F93
Peach Amber
Peach Amberは#FB9F93：rgb(251 159 147)、hsl(7 93% 78%)、oklch(0.792 0.112 27.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Peach Amber color name →
#FB9F93
oklch(0.792 0.112 27.9)
カラー変換
- HEX
- #fb9f93
- RGB
- rgb(251 159 147)
- HSL
- hsl(7 93% 78%)
- HWB
- hwb(7 58% 2%)
- OKLCH
- oklch(0.792 0.112 27.9)
- OKLab
- oklab(0.792 0.099 0.052)
- CIE Lab
- lab(74.88 34.17 21.39)
- LCH
- lch(74.88 40.31 32)
- CMYK
- cmyk(0% 37% 41% 2%)
ティント · シェード · トーン
ティント
- FCA99E
- FEB3A8
- FFBCB3
- FFC6BE
- FFCFC8
- FFD9D3
- FFE3DE
- FFECE9
- FFF6F4
シェード
- DA8A7F
- BA756C
- 9C6159
- 7E4D47
- 613B36
- 462925
- 2D1816
- 150908
- 030101
トーン
- EF9C91
- E29990
- D6978E
- CA948C
- BE908A
- B18D88
- A58A86
- 998784
- 8D8382
カラーハーモニー
補色 +180°
- FB9F93
Peach Amber
- 51CFE1
≈ Watercourse
類似色 -30° +30°
- FB9F93
Peach Amber
- F69CBB
≈ Amaranth Pink
- F1A971
≈ Catalina Tile
トライアド +120° +240°
- FB9F93
Peach Amber
- 88CF92
≈ Greek Garden
- 9EB9FF
≈ Truesky Gloxym
スプリットコンプリメンタリー +150° +210°
- FB9F93
Peach Amber
- 5DD3BB
≈ Sweet Garden
- 71C6FB
≈ Maya Blue
テトラード +90° +180° +270°
- FB9F93
Peach Amber
- B5C570
≈ Old Lime
- 51CFE1
≈ Watercourse
- C4ACFA
≈ Purple Hepatica
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.00:1 · APCA Lc 39
Ag
AAA黒の上
WCAG 10.48:1 · APCA Lc 64
最適な文字色: #000000
WCAG 10.48:1 (AAA) · APCA Lc 64
Contrast pairs
コードスニペット
CSS
:root {
--peach-amber: #fb9f93;
--peach-amber-rgb: 251 159 147;
--peach-amber-oklch: oklch(0.792 0.112 27.9);
}
.element {
color: var(--peach-amber);
background-color: hsl(7 93% 78%);
border-color: oklch(0.792 0.112 27.9);
}Tailwind CSS v4
@theme {
--color-peach-amber: #fb9f93;
--color-peach-amber-50: #ffeae3;
--color-peach-amber-100: #ffdbd2;
--color-peach-amber-200: #ffc3b8;
--color-peach-amber-300: #eba296;
--color-peach-amber-400: #d98479;
--color-peach-amber-500: #c5665b;
--color-peach-amber-600: #a7574e;
--color-peach-amber-700: #86453e;
--color-peach-amber-800: #64322e;
--color-peach-amber-900: #46221f;
--color-peach-amber-950: #2d110f;
}SCSS
$peach-amber: #fb9f93;
$peach-amber-rgb: 251, 159, 147;
$peach-amber-light: mix(#fff, $peach-amber, 20%);
$peach-amber-dark: mix(#000, $peach-amber, 20%);
.element {
color: $peach-amber;
box-shadow: 0 0 0 2px rgba($peach-amber, 0.35);
}