Nazwany kolor · #F39998
Peach Burst
Peach Burst to #F39998: rgb(243 153 152), hsl(1 79% 77%), oklch(0.774 0.109 20.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Peach Burst color name →
#F39998
oklch(0.774 0.109 20.5)
Konwersje koloru
- HEX
- #f39998
- RGB
- rgb(243 153 152)
- HSL
- hsl(1 79% 77%)
- HWB
- hwb(1 60% 5%)
- OKLCH
- oklch(0.774 0.109 20.5)
- OKLab
- oklab(0.774 0.102 0.038)
- CIE Lab
- lab(72.68 34.52 15.48)
- LCH
- lch(72.68 37.83 24.2)
- CMYK
- cmyk(0% 37% 37% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F5A3A2
- F7AEAC
- F9B8B6
- FBC2C0
- FCCCCB
- FDD6D5
- FEE1DF
- FFEBEA
- FFF5F4
Odcienie ciemniejsze
- D38484
- B47070
- 975D5C
- 7A4A4A
- 5E3838
- 442727
- 2B1717
- 140808
- 030101
Tony
- E89796
- DC9593
- D19291
- C5908F
- BA8E8C
- AE8B8A
- A38887
- 978685
- 8C8382
Harmonie kolorów
Komplementarna +180°
- F39998
Peach Burst
- 4ECAD1
≈ Sea Serpent
Analogowa -30° +30°
- F39998
Peach Burst
- EA98BF
≈ Shocking
- EDA175
≈ Mexican Standoff
Triada +120° +240°
- F39998
Peach Burst
- 8FC785
≈ De York
- 8DB6FB
≈ Carolina Blue
Komplementarna rozszczepiona +150° +210°
- F39998
Peach Burst
- 64CCAC
≈ Aquarium Blue
- 64C2EE
≈ Blue Mana
Tetrada +90° +180° +270°
- F39998
Peach Burst
- B9BC67
≈ Kelly’s Flower
- 4ECAD1
≈ Sea Serpent
- B5A9F6
≈ Winterspring Lilac
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.13:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.82:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.82:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--peach-burst: #f39998;
--peach-burst-rgb: 243 153 152;
--peach-burst-oklch: oklch(0.774 0.109 20.5);
}
.element {
color: var(--peach-burst);
background-color: hsl(1 79% 77%);
border-color: oklch(0.774 0.109 20.5);
}Tailwind CSS v4
@theme {
--color-peach-burst: #f39998;
--color-peach-burst-50: #ffeae7;
--color-peach-burst-100: #ffdad7;
--color-peach-burst-200: #ffc3bf;
--color-peach-burst-300: #eaa29e;
--color-peach-burst-400: #d78483;
--color-peach-burst-500: #c46667;
--color-peach-burst-600: #a55758;
--color-peach-burst-700: #854546;
--color-peach-burst-800: #633234;
--color-peach-burst-900: #452223;
--color-peach-burst-950: #2d1112;
}SCSS
$peach-burst: #f39998;
$peach-burst-rgb: 243, 153, 152;
$peach-burst-light: mix(#fff, $peach-burst, 20%);
$peach-burst-dark: mix(#000, $peach-burst, 20%);
.element {
color: $peach-burst;
box-shadow: 0 0 0 2px rgba($peach-burst, 0.35);
}