En yakın adlandırılmış renk · #6D5B94
#6D5B94
En yakın adlandırılmış renk: Passion Flower
#6D5B94 (rgb(109 91 148), hsl(259 24% 47%), oklch(0.513 0.09 297.7)) en çok Passion Flower adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#6D5B94
oklch(0.513 0.09 297.7)
Renk dönüşümleri
- HEX
- #6d5b94
- RGB
- rgb(109 91 148)
- HSL
- hsl(259 24% 47%)
- HWB
- hwb(259 36% 42%)
- OKLCH
- oklch(0.513 0.09 297.7)
- OKLab
- oklab(0.513 0.042 -0.08)
- CIE Lab
- lab(42.3 17.21 -28.93)
- LCH
- lch(42.3 33.66 300.7)
- CMYK
- cmyk(26% 39% 0% 42%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7A6A9F
- 887AA9
- 968AB4
- A49ABF
- B3AACA
- C2BBD4
- D1CCDF
- E0DDEA
- EFEEF4
Koyu tonlar
- 5E4E80
- 4F416D
- 41355A
- 332948
- 261E36
- 191326
- 0D0916
- 040308
- 010001
Gri tonlar
- 6F5F92
- 716391
- 72678F
- 746A8D
- 766E8B
- 787289
- 7A7587
- 7C7985
- 7E7C82
Renk uyumları
Tamamlayıcı +180°
- 6D5B94
Passion Flower
- 636E2C
≈ Forest Spirit
Analog -30° +30°
- 6D5B94
Passion Flower
- 50649B
≈ Electrify
- 835381
≈ Dynamic Magenta
Üçlü +120° +240°
- 6D5B94
Passion Flower
- 8D592E
≈ Caramel Café
- 127767
≈ Teal Waters
Bölünmüş tamamlayıcı +150° +210°
- 6D5B94
Passion Flower
- 7D631F
≈ Brazen Brass
- 407548
≈ Grasslands
Dörtlü +90° +180° +270°
- 6D5B94
Passion Flower
- 94514A
≈ Copper Rust
- 636E2C
≈ Forest Spirit
- 007581
≈ Deep Current
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.87:1 · APCA Lc 79
Ag
FailSiyah üzerinde
WCAG 3.57:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 5.87:1 (AA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--passion-flower: #6d5b94;
--passion-flower-rgb: 109 91 148;
--passion-flower-oklch: oklch(0.513 0.09 297.7);
}
.element {
color: var(--passion-flower);
background-color: hsl(259 24% 47%);
border-color: oklch(0.513 0.09 297.7);
}Tailwind CSS v4
@theme {
--color-passion-flower: #6d5b94;
--color-passion-flower-50: #f9f0ff;
--color-passion-flower-100: #ece2ff;
--color-passion-flower-200: #d9ccf6;
--color-passion-flower-300: #beaee0;
--color-passion-flower-400: #a493cd;
--color-passion-flower-500: #8d79ba;
--color-passion-flower-600: #77669d;
--color-passion-flower-700: #5f527e;
--color-passion-flower-800: #453c5e;
--color-passion-flower-900: #302942;
--color-passion-flower-950: #1c172a;
}SCSS
$passion-flower: #6d5b94;
$passion-flower-rgb: 109, 91, 148;
$passion-flower-light: mix(#fff, $passion-flower, 20%);
$passion-flower-dark: mix(#000, $passion-flower, 20%);
.element {
color: $passion-flower;
box-shadow: 0 0 0 2px rgba($passion-flower, 0.35);
}