Adlandırılmış renk · #A95C68
Delicate Prunus
Delicate Prunus, #A95C68: rgb(169 92 104), hsl(351 31% 51%), oklch(0.568 0.101 10.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? → · Delicate Prunus color name →
#A95C68
oklch(0.568 0.101 10.9)
Renk dönüşümleri
- HEX
- #a95c68
- RGB
- rgb(169 92 104)
- HSL
- hsl(351 31% 51%)
- HWB
- hwb(351 36% 34%)
- OKLCH
- oklch(0.568 0.101 10.9)
- OKLab
- oklab(0.568 0.099 0.019)
- CIE Lab
- lab(48.68 33.07 7.9)
- LCH
- lch(48.68 34 13.4)
- CMYK
- cmyk(0% 46% 38% 34%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B36C76
- BC7C84
- C58C93
- CE9CA2
- D7ACB1
- DFBCC0
- E7CDCF
- EFDDDF
- F7EEEF
Koyu tonlar
- 924F59
- 7C424B
- 67363E
- 532A30
- 3F1F24
- 2C1418
- 1B0A0C
- 0A0304
- 010000
Gri tonlar
- A6606A
- A2646D
- 9E686F
- 9B6C72
- 976F74
- 937376
- 8E7679
- 8A7A7B
- 857D7E
Renk uyumları
Tamamlayıcı +180°
- A95C68
Delicate Prunus
- 008984
≈ Navigate
Analog -30° +30°
- A95C68
Delicate Prunus
- 9E5E88
≈ Thimble Red
- A86147
≈ Borneo
Üçlü +120° +240°
- A95C68
Delicate Prunus
- 628341
≈ Swamp Moss
- 467AB0
≈ Sleep
Bölünmüş tamamlayıcı +150° +210°
- A95C68
Delicate Prunus
- 358963
≈ Exquisite Emerald
- 0F84A0
≈ Blue Arc
Dörtlü +90° +180° +270°
- A95C68
Delicate Prunus
- 847827
≈ Faience Green
- 008984
≈ Navigate
- 6C6FB1
≈ Mediaeval
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.75:1 · APCA Lc 73
Ag
FailSiyah üzerinde
WCAG 4.41:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.75:1 (AA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--delicate-prunus: #a95c68;
--delicate-prunus-rgb: 169 92 104;
--delicate-prunus-oklch: oklch(0.568 0.101 10.9);
}
.element {
color: var(--delicate-prunus);
background-color: hsl(351 31% 51%);
border-color: oklch(0.568 0.101 10.9);
}Tailwind CSS v4
@theme {
--color-delicate-prunus: #a95c68;
--color-delicate-prunus-50: #ffeaed;
--color-delicate-prunus-100: #ffdbde;
--color-delicate-prunus-200: #fcc3c8;
--color-delicate-prunus-300: #e6a2a9;
--color-delicate-prunus-400: #d28590;
--color-delicate-prunus-500: #bf6876;
--color-delicate-prunus-600: #a15964;
--color-delicate-prunus-700: #814750;
--color-delicate-prunus-800: #60333b;
--color-delicate-prunus-900: #432328;
--color-delicate-prunus-950: #2b1116;
}SCSS
$delicate-prunus: #a95c68;
$delicate-prunus-rgb: 169, 92, 104;
$delicate-prunus-light: mix(#fff, $delicate-prunus, 20%);
$delicate-prunus-dark: mix(#000, $delicate-prunus, 20%);
.element {
color: $delicate-prunus;
box-shadow: 0 0 0 2px rgba($delicate-prunus, 0.35);
}