Nazwany kolor · #FB9F93
Peach Amber
Peach Amber to #FB9F93: rgb(251 159 147), hsl(7 93% 78%), oklch(0.792 0.112 27.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Peach Amber color name →
#FB9F93
oklch(0.792 0.112 27.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FCA99E
- FEB3A8
- FFBCB3
- FFC6BE
- FFCFC8
- FFD9D3
- FFE3DE
- FFECE9
- FFF6F4
Odcienie ciemniejsze
- DA8A7F
- BA756C
- 9C6159
- 7E4D47
- 613B36
- 462925
- 2D1816
- 150908
- 030101
Tony
- EF9C91
- E29990
- D6978E
- CA948C
- BE908A
- B18D88
- A58A86
- 998784
- 8D8382
Harmonie kolorów
Komplementarna +180°
- FB9F93
Peach Amber
- 51CFE1
≈ Watercourse
Analogowa -30° +30°
- FB9F93
Peach Amber
- F69CBB
≈ Amaranth Pink
- F1A971
≈ Catalina Tile
Triada +120° +240°
- FB9F93
Peach Amber
- 88CF92
≈ Greek Garden
- 9EB9FF
≈ Truesky Gloxym
Komplementarna rozszczepiona +150° +210°
- FB9F93
Peach Amber
- 5DD3BB
≈ Sweet Garden
- 71C6FB
≈ Maya Blue
Tetrada +90° +180° +270°
- FB9F93
Peach Amber
- B5C570
≈ Old Lime
- 51CFE1
≈ Watercourse
- C4ACFA
≈ Purple Hepatica
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.00:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.48:1 · APCA Lc 64
Najlepszy kolor tekstu: #000000
WCAG 10.48:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmenty kodu
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);
}