Adlandırılmış renk · #D687BA
Cyclamen
Cyclamen, #D687BA: rgb(214 135 186), hsl(321 49% 68%), oklch(0.721 0.116 341.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Cyclamen color name →
#D687BA
oklch(0.721 0.116 341.3)
Renk dönüşümleri
- HEX
- #d687ba
- RGB
- rgb(214 135 186)
- HSL
- hsl(321 49% 68%)
- HWB
- hwb(321 53% 16%)
- OKLCH
- oklch(0.721 0.116 341.3)
- OKLab
- oklab(0.721 0.11 -0.037)
- CIE Lab
- lab(65.99 36.38 -13.57)
- LCH
- lch(65.99 38.83 339.5)
- CMYK
- cmyk(0% 37% 13% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DB93C1
- E09FC8
- E4ABCF
- E9B7D5
- EDC3DC
- F1CFE3
- F5DBEA
- F8E7F1
- FCF3F8
Koyu tonlar
- BA75A1
- 9E6389
- 845172
- 6A415C
- 523146
- 3B2132
- 25131E
- 10060D
- 020102
Gri tonlar
- CE87B4
- C586AE
- BD86A8
- B485A3
- AC859D
- A38497
- 9A8391
- 92828B
- 898186
Renk uyumları
Tamamlayıcı +180°
- D687BA
Cyclamen
- 58BB8D
≈ Bleached Olive
Analog -30° +30°
- D687BA
Cyclamen
- BC8FDA
≈ Lenurple
- E38592
≈ Rose Soiree
Üçlü +120° +240°
- D687BA
Cyclamen
- B4A749
≈ Pickled
- 3BB5D8
≈ Ocean Sigh
Bölünmüş tamamlayıcı +150° +210°
- D687BA
Cyclamen
- 8BB465
≈ Broccoli
- 2ABBB6
≈ Super Rare Jade
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.61:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 8.03:1 · APCA Lc 51
En iyi metin rengi: #000000
WCAG 8.03:1 (AAA) · APCA Lc 51
Contrast pairs
Kod parçacıkları
CSS
:root {
--cyclamen: #d687ba;
--cyclamen-rgb: 214 135 186;
--cyclamen-oklch: oklch(0.721 0.116 341.3);
}
.element {
color: var(--cyclamen);
background-color: hsl(321 49% 68%);
border-color: oklch(0.721 0.116 341.3);
}Tailwind CSS v4
@theme {
--color-cyclamen: #d687ba;
--color-cyclamen-50: #ffe9fe;
--color-cyclamen-100: #ffd9f2;
--color-cyclamen-200: #f9c1e1;
--color-cyclamen-300: #e2a0c7;
--color-cyclamen-400: #cd82b2;
--color-cyclamen-500: #b9659c;
--color-cyclamen-600: #9c5684;
--color-cyclamen-700: #7d446a;
--color-cyclamen-800: #5c314f;
--color-cyclamen-900: #412237;
--color-cyclamen-950: #291122;
}SCSS
$cyclamen: #d687ba;
$cyclamen-rgb: 214, 135, 186;
$cyclamen-light: mix(#fff, $cyclamen, 20%);
$cyclamen-dark: mix(#000, $cyclamen, 20%);
.element {
color: $cyclamen;
box-shadow: 0 0 0 2px rgba($cyclamen, 0.35);
}