Warna bernama · #FB9F93
Peach Amber
Peach Amber adalah #FB9F93: rgb(251 159 147), hsl(7 93% 78%), oklch(0.792 0.112 27.9). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Peach Amber color name →
#FB9F93
oklch(0.792 0.112 27.9)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- FCA99E
- FEB3A8
- FFBCB3
- FFC6BE
- FFCFC8
- FFD9D3
- FFE3DE
- FFECE9
- FFF6F4
Shade
- DA8A7F
- BA756C
- 9C6159
- 7E4D47
- 613B36
- 462925
- 2D1816
- 150908
- 030101
Tone
- EF9C91
- E29990
- D6978E
- CA948C
- BE908A
- B18D88
- A58A86
- 998784
- 8D8382
Harmoni warna
Komplementer +180°
- FB9F93
Peach Amber
- 51CFE1
≈ Watercourse
Analog -30° +30°
- FB9F93
Peach Amber
- F69CBB
≈ Amaranth Pink
- F1A971
≈ Catalina Tile
Triadik +120° +240°
- FB9F93
Peach Amber
- 88CF92
≈ Greek Garden
- 9EB9FF
≈ Truesky Gloxym
Split-komplementer +150° +210°
- FB9F93
Peach Amber
- 5DD3BB
≈ Sweet Garden
- 71C6FB
≈ Maya Blue
Tetradik +90° +180° +270°
- FB9F93
Peach Amber
- B5C570
≈ Old Lime
- 51CFE1
≈ Watercourse
- C4ACFA
≈ Purple Hepatica
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.00:1 · APCA Lc 39
Ag
AAADi atas hitam
WCAG 10.48:1 · APCA Lc 64
Warna teks terbaik: #000000
WCAG 10.48:1 (AAA) · APCA Lc 64
Contrast pairs
Cuplikan kode
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);
}