Adlandırılmış renk · #DD4492
Prunus Avium
Prunus Avium, #DD4492: rgb(221 68 146), hsl(329 69% 57%), oklch(0.626 0.202 353.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Prunus Avium color name →
#DD4492
oklch(0.626 0.202 353.2)
Renk dönüşümleri
- HEX
- #dd4492
- RGB
- rgb(221 68 146)
- HSL
- hsl(329 69% 57%)
- HWB
- hwb(329 27% 13%)
- OKLCH
- oklch(0.626 0.202 353.2)
- OKLab
- oklab(0.626 0.2 -0.024)
- CIE Lab
- lab(54 64.43 -8.22)
- LCH
- lch(54 64.95 352.7)
- CMYK
- cmyk(0% 69% 34% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E35B9C
- E86FA7
- ED82B2
- F295BC
- F6A7C7
- F9B9D2
- FBCADD
- FDDCE8
- FFEDF4
Koyu tonlar
- C03A7E
- A4306B
- 882658
- 6E1D46
- 551435
- 3D0C25
- 260516
- 110208
- 020001
Gri tonlar
- D54E90
- CD568E
- C45E8D
- BC648B
- B36A89
- AA6F87
- A07485
- 967884
- 8B7C82
Renk uyumları
Tamamlayıcı +180°
- DD4492
Prunus Avium
- 009F81
≈ Reptilian Green
Analog -30° +30°
- DD4492
Prunus Avium
- BF53CC
≈ Love Priestess
- E9434A
≈ X Marks the Spot
Üçlü +120° +240°
- DD4492
Prunus Avium
- 899000
≈ Old Asparagus
- 0094C9
≈ Germander Speedwell
Bölünmüş tamamlayıcı +150° +210°
- DD4492
Prunus Avium
- 15A41E
≈ Dry Highlighter Green
- 009AA5
≈ Turkish Boy
Dörtlü +90° +180° +270°
- DD4492
Prunus Avium
- AD7F00
≈ Murder Mustard
- 009F81
≈ Reptilian Green
- 447FFF
≈ C64 NTSC
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.95:1 · APCA Lc 66
Ag
AASiyah üzerinde
WCAG 5.31:1 · APCA Lc 36
En iyi metin rengi: #000000
WCAG 5.31:1 (AA) · APCA Lc 36
Contrast pairs
Kod parçacıkları
CSS
:root {
--prunus-avium: #dd4492;
--prunus-avium-rgb: 221 68 146;
--prunus-avium-oklch: oklch(0.626 0.202 353.2);
}
.element {
color: var(--prunus-avium);
background-color: hsl(329 69% 57%);
border-color: oklch(0.626 0.202 353.2);
}Tailwind CSS v4
@theme {
--color-prunus-avium: #dd4492;
--color-prunus-avium-50: #ffdef8;
--color-prunus-avium-100: #ffcceb;
--color-prunus-avium-200: #ffafd8;
--color-prunus-avium-300: #ff88bc;
--color-prunus-avium-400: #f462a8;
--color-prunus-avium-500: #e23491;
--color-prunus-avium-600: #bf2f7b;
--color-prunus-avium-700: #992562;
--color-prunus-avium-800: #72194a;
--color-prunus-avium-900: #501134;
--color-prunus-avium-950: #35021f;
}SCSS
$prunus-avium: #dd4492;
$prunus-avium-rgb: 221, 68, 146;
$prunus-avium-light: mix(#fff, $prunus-avium, 20%);
$prunus-avium-dark: mix(#000, $prunus-avium, 20%);
.element {
color: $prunus-avium;
box-shadow: 0 0 0 2px rgba($prunus-avium, 0.35);
}