Adlandırılmış renk · #DC7A83
Peach Blossom
Peach Blossom, #DC7A83: rgb(220 122 131), hsl(354 58% 67%), oklch(0.69 0.122 14.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Peach Blossom color name →
#DC7A83
oklch(0.69 0.122 14.9)
Renk dönüşümleri
- HEX
- #dc7a83
- RGB
- rgb(220 122 131)
- HSL
- hsl(354 58% 67%)
- HWB
- hwb(354 48% 14%)
- OKLCH
- oklch(0.69 0.122 14.9)
- OKLab
- oklab(0.69 0.118 0.031)
- CIE Lab
- lab(62.72 39.56 12.94)
- LCH
- lch(62.72 41.62 18.1)
- CMYK
- cmyk(0% 45% 40% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E1888F
- E5959B
- EAA2A7
- EEAFB3
- F1BDBF
- F5CACC
- F8D7D8
- FBE4E5
- FDF2F2
Koyu tonlar
- BF6971
- A35960
- 88494F
- 6E3A3F
- 542B2F
- 3C1D20
- 261012
- 110506
- 020101
Gri tonlar
- D37B83
- CA7C83
- C27D82
- B97E82
- B07F82
- A77F81
- 9D8081
- 948081
- 8A8080
Renk uyumları
Tamamlayıcı +180°
- DC7A83
Peach Blossom
- 00B2B2
≈ Laguna Green
Analog -30° +30°
- DC7A83
Peach Blossom
- D07BAD
≈ Ice Plant
- D98159
≈ Show Business
Üçlü +120° +240°
- DC7A83
Peach Blossom
- 7AAC5D
≈ Arugula
- 659EE5
≈ Feather Star
Bölünmüş tamamlayıcı +150° +210°
- DC7A83
Peach Blossom
- 40B388
≈ Mint
- 27AAD4
≈ Bright Cerulean
Dörtlü +90° +180° +270°
- DC7A83
Peach Blossom
- A79F3A
≈ Machine Green
- 00B2B2
≈ Laguna Green
- 9490E4
≈ Perrywinkle
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.93:1 · APCA Lc 55
Ag
AAASiyah üzerinde
WCAG 7.15:1 · APCA Lc 46
En iyi metin rengi: #000000
WCAG 7.15:1 (AAA) · APCA Lc 46
Contrast pairs
Kod parçacıkları
CSS
:root {
--peach-blossom: #dc7a83;
--peach-blossom-rgb: 220 122 131;
--peach-blossom-oklch: oklch(0.69 0.122 14.9);
}
.element {
color: var(--peach-blossom);
background-color: hsl(354 58% 67%);
border-color: oklch(0.69 0.122 14.9);
}Tailwind CSS v4
@theme {
--color-peach-blossom: #dc7a83;
--color-peach-blossom-50: #ffe8e9;
--color-peach-blossom-100: #ffd8d9;
--color-peach-blossom-200: #ffc0c2;
--color-peach-blossom-300: #ef9ea1;
--color-peach-blossom-400: #dd7f87;
--color-peach-blossom-500: #c9606c;
--color-peach-blossom-600: #aa525c;
--color-peach-blossom-700: #894149;
--color-peach-blossom-800: #662f36;
--color-peach-blossom-900: #472025;
--color-peach-blossom-950: #2e0f14;
}SCSS
$peach-blossom: #dc7a83;
$peach-blossom-rgb: 220, 122, 131;
$peach-blossom-light: mix(#fff, $peach-blossom, 20%);
$peach-blossom-dark: mix(#000, $peach-blossom, 20%);
.element {
color: $peach-blossom;
box-shadow: 0 0 0 2px rgba($peach-blossom, 0.35);
}