En yakın adlandırılmış renk · #8193FE
#8193FE
En yakın adlandırılmış renk: Orchid
#8193FE (rgb(129 147 254), hsl(231 98% 75%), oklch(0.697 0.157 274.4)) en çok Orchid 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.
#8193FE
oklch(0.697 0.157 274.4)
Renk dönüşümleri
- HEX
- #8193fe
- RGB
- rgb(129 147 254)
- HSL
- hsl(231 98% 75%)
- HWB
- hwb(231 51% 0%)
- OKLCH
- oklch(0.697 0.157 274.4)
- OKLab
- oklab(0.697 0.012 -0.157)
- CIE Lab
- lab(63.18 15.32 -56.27)
- LCH
- lch(63.18 58.32 285.2)
- CMYK
- cmyk(49% 42% 0% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8C9EFF
- 98AAFF
- A4B5FF
- B1BFFF
- BDCAFF
- CAD5FF
- D7DFFF
- E4EAFF
- F1F4FF
Koyu tonlar
- 6F7FDD
- 5E6CBD
- 4E599E
- 3E4780
- 2E3663
- 1F2547
- 12162D
- 060816
- 010103
Gri tonlar
- 8192F1
- 8090E5
- 808FD8
- 808DCC
- 808BBF
- 8089B3
- 8087A6
- 808599
- 80838D
Renk uyumları
Tamamlayıcı +180°
- 8193FE
Orchid
- BA9B00
≈ Perennial
Analog -30° +30°
- 8193FE
Orchid
- 2DA5F7
≈ Rockman Blue
- B482EC
≈ Lavender Blossom
Üçlü +120° +240°
- 8193FE
Orchid
- EE7457
≈ Temple of Orange
- 31B96F
≈ Turtle Warrior
Bölünmüş tamamlayıcı +150° +210°
- 8193FE
Orchid
- DF8500
≈ Tangerine Haze
- 89AD2B
≈ German Hop
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.78:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.53:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--orchid: #8193fe;
--orchid-rgb: 129 147 254;
--orchid-oklch: oklch(0.697 0.157 274.4);
}
.element {
color: var(--orchid);
background-color: hsl(231 98% 75%);
border-color: oklch(0.697 0.157 274.4);
}Tailwind CSS v4
@theme {
--color-orchid: #8193fe;
--color-orchid-50: #e9f2ff;
--color-orchid-100: #d9e4ff;
--color-orchid-200: #c2cfff;
--color-orchid-300: #a2b0ff;
--color-orchid-400: #8395fa;
--color-orchid-500: #6979ec;
--color-orchid-600: #5966c7;
--color-orchid-700: #4752a0;
--color-orchid-800: #313c78;
--color-orchid-900: #212955;
--color-orchid-950: #111739;
}SCSS
$orchid: #8193fe;
$orchid-rgb: 129, 147, 254;
$orchid-light: mix(#fff, $orchid, 20%);
$orchid-dark: mix(#000, $orchid, 20%);
.element {
color: $orchid;
box-shadow: 0 0 0 2px rgba($orchid, 0.35);
}