Adlandırılmış renk · #D65E93
Flirty Rose
Flirty Rose, #D65E93: rgb(214 94 147), hsl(334 59% 60%), oklch(0.646 0.161 354.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? → · Flirty Rose color name →
#D65E93
oklch(0.646 0.161 354.9)
Renk dönüşümleri
- HEX
- #d65e93
- RGB
- rgb(214 94 147)
- HSL
- hsl(334 59% 60%)
- HWB
- hwb(334 37% 16%)
- OKLCH
- oklch(0.646 0.161 354.9)
- OKLab
- oklab(0.646 0.16 -0.014)
- CIE Lab
- lab(56.84 52.01 -4.8)
- LCH
- lch(56.84 52.23 354.7)
- CMYK
- cmyk(0% 56% 31% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DC6F9D
- E280A8
- E790B2
- ECA0BD
- F0B0C8
- F4C0D3
- F7CFDE
- FADFE9
- FDEFF4
Koyu tonlar
- BA517F
- 9E446C
- 843759
- 6A2B47
- 521F36
- 3B1425
- 250A16
- 100308
- 020001
Gri tonlar
- CE6391
- C6678F
- BE6C8D
- B66F8B
- AE7389
- A57688
- 9D7986
- 937B84
- 8A7E82
Renk uyumları
Tamamlayıcı +180°
- D65E93
Flirty Rose
- 00A68A
≈ Brilliant Turquoise
Analog -30° +30°
- D65E93
Flirty Rose
- BD67C3
≈ Purple Urn Orchid
- DF5F5A
≈ Fiery Coral
Üçlü +120° +240°
- D65E93
Flirty Rose
- 8C9700
≈ Traffic Light Green
- 0099D4
≈ Bayern Blue
Bölünmüş tamamlayıcı +150° +210°
- D65E93
Flirty Rose
- 42A64A
≈ Leapfrog
- 00A1AE
≈ Breaking Wave
Dörtlü +90° +180° +270°
- D65E93
Flirty Rose
- B38600
≈ Arrowwood
- 00A68A
≈ Brilliant Turquoise
- 5D88EF
≈ Blue Elemental
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.57:1 · APCA Lc 63
Ag
AASiyah üzerinde
WCAG 5.88:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 5.88:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--flirty-rose: #d65e93;
--flirty-rose-rgb: 214 94 147;
--flirty-rose-oklch: oklch(0.646 0.161 354.9);
}
.element {
color: var(--flirty-rose);
background-color: hsl(334 59% 60%);
border-color: oklch(0.646 0.161 354.9);
}Tailwind CSS v4
@theme {
--color-flirty-rose: #d65e93;
--color-flirty-rose-50: #ffe3f6;
--color-flirty-rose-100: #ffd2e9;
--color-flirty-rose-200: #ffb8d5;
--color-flirty-rose-300: #f893b9;
--color-flirty-rose-400: #e672a3;
--color-flirty-rose-500: #d34f8c;
--color-flirty-rose-600: #b24476;
--color-flirty-rose-700: #8f365f;
--color-flirty-rose-800: #6a2647;
--color-flirty-rose-900: #4b1a31;
--color-flirty-rose-950: #31091d;
}SCSS
$flirty-rose: #d65e93;
$flirty-rose-rgb: 214, 94, 147;
$flirty-rose-light: mix(#fff, $flirty-rose, 20%);
$flirty-rose-dark: mix(#000, $flirty-rose, 20%);
.element {
color: $flirty-rose;
box-shadow: 0 0 0 2px rgba($flirty-rose, 0.35);
}