Nazwany kolor · #D99290
Juicy Peach
Juicy Peach to #D99290: rgb(217 146 144), hsl(2 49% 71%), oklch(0.73 0.087 21.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Juicy Peach color name →
#D99290
oklch(0.73 0.087 21.2)
Konwersje koloru
- HEX
- #d99290
- RGB
- rgb(217 146 144)
- HSL
- hsl(2 49% 71%)
- HWB
- hwb(2 56% 15%)
- OKLCH
- oklch(0.73 0.087 21.2)
- OKLab
- oklab(0.73 0.081 0.031)
- CIE Lab
- lab(67.82 27.43 12.62)
- LCH
- lch(67.82 30.19 24.7)
- CMYK
- cmyk(0% 33% 34% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DE9D9B
- E2A8A5
- E6B2B0
- EABDBB
- EEC8C6
- F2D3D1
- F5DEDD
- F9E9E8
- FCF4F3
Odcienie ciemniejsze
- BC7E7D
- A16B6A
- 865857
- 6C4645
- 533534
- 3B2524
- 251615
- 110807
- 020101
Tony
- D0908E
- C78F8D
- BF8D8B
- B68B8A
- AD8A88
- A48887
- 9B8685
- 928483
- 898282
Harmonie kolorów
Komplementarna +180°
- D99290
Juicy Peach
- 5EB8BE
≈ Dickie Bird
Analogowa -30° +30°
- D99290
Juicy Peach
- D291AE
≈ Moonlit Mauve
- D49875
≈ Sweet Cardamom
Triada +120° +240°
- D99290
Juicy Peach
- 8AB683
≈ Aniseed Leaf Green
- 89A8DF
≈ Queer Blue
Komplementarna rozszczepiona +150° +210°
- D99290
Juicy Peach
- 6BBAA1
≈ Mint Cold Green
- 6CB2D5
≈ Skyscape
Tetrada +90° +180° +270°
- D99290
Juicy Peach
- AAAD6C
≈ Wasabi Green
- 5EB8BE
≈ Dickie Bird
- A89EDA
≈ Simply Violet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.48:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.46:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.46:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--juicy-peach: #d99290;
--juicy-peach-rgb: 217 146 144;
--juicy-peach-oklch: oklch(0.73 0.087 21.2);
}
.element {
color: var(--juicy-peach);
background-color: hsl(2 49% 71%);
border-color: oklch(0.73 0.087 21.2);
}Tailwind CSS v4
@theme {
--color-juicy-peach: #d99290;
--color-juicy-peach-50: #ffecea;
--color-juicy-peach-100: #ffddda;
--color-juicy-peach-200: #f7c6c3;
--color-juicy-peach-300: #e1a7a3;
--color-juicy-peach-400: #cd8a88;
--color-juicy-peach-500: #b96e6d;
--color-juicy-peach-600: #9c5e5c;
--color-juicy-peach-700: #7d4b4a;
--color-juicy-peach-800: #5d3636;
--color-juicy-peach-900: #412525;
--color-juicy-peach-950: #291314;
}SCSS
$juicy-peach: #d99290;
$juicy-peach-rgb: 217, 146, 144;
$juicy-peach-light: mix(#fff, $juicy-peach, 20%);
$juicy-peach-dark: mix(#000, $juicy-peach, 20%);
.element {
color: $juicy-peach;
box-shadow: 0 0 0 2px rgba($juicy-peach, 0.35);
}