Màu có tên gần nhất · #7F75FF
#7F75FF
Màu có tên gần nhất: Orchid
#7F75FF (rgb(127 117 255), hsl(244 100% 73%), oklch(0.641 0.198 282.5)) gần nhất với màu có tên Orchid. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#7F75FF
oklch(0.641 0.198 282.5)
Chuyển đổi màu
- HEX
- #7f75ff
- RGB
- rgb(127 117 255)
- HSL
- hsl(244 100% 73%)
- HWB
- hwb(244 46% 0%)
- OKLCH
- oklch(0.641 0.198 282.5)
- OKLab
- oklab(0.641 0.043 -0.194)
- CIE Lab
- lab(55.62 31.64 -68.89)
- LCH
- lch(55.62 75.81 294.7)
- CMYK
- cmyk(50% 54% 0% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8A84FF
- 9593FF
- A1A1FF
- ADAFFF
- BABDFF
- C7CAFF
- D5D7FF
- E3E5FF
- F1F2FF
Sắc đậm
- 6E65DE
- 5D55BE
- 4C469E
- 3C3780
- 2D2963
- 1F1C48
- 110F2E
- 060516
- 010103
Sắc xám
- 7E78F2
- 7E7AE6
- 7E7CDA
- 7D7DCD
- 7D7EC0
- 7E7FB4
- 7E80A7
- 7F809A
- 7F808D
Hòa sắc
Bổ túc +180°
- 7F75FF
Orchid
- 9D8F00
≈ Smoothie Green
Tương đồng -30° +30°
- 7F75FF
Orchid
- 008DFE
≈ Clear Chill
- B560E1
≈ Rich Lilac
Bộ ba +120° +240°
- 7F75FF
Orchid
- E75900
≈ Tobiko Orange
- 00A673
≈ Bluish Green
Bổ túc chia +150° +210°
- 7F75FF
Orchid
- BE7D00
≈ Guo Tie Dumpling
- 5FA200
≈ Prairie Green
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.56:1 · APCA Lc 63
Ag
AATrên nền đen
WCAG 5.89:1 · APCA Lc 39
Màu chữ tốt nhất: #000000
WCAG 5.89:1 (AA) · APCA Lc 39
Contrast pairs
Đoạn mã
CSS
:root {
--orchid: #7f75ff;
--orchid-rgb: 127 117 255;
--orchid-oklch: oklch(0.641 0.198 282.5);
}
.element {
color: var(--orchid);
background-color: hsl(244 100% 73%);
border-color: oklch(0.641 0.198 282.5);
}Tailwind CSS v4
@theme {
--color-orchid: #7f75ff;
--color-orchid-50: #eeeeff;
--color-orchid-100: #e0dfff;
--color-orchid-200: #cbc8ff;
--color-orchid-300: #ada7ff;
--color-orchid-400: #908aff;
--color-orchid-500: #796aff;
--color-orchid-600: #665ada;
--color-orchid-700: #5148af;
--color-orchid-800: #393584;
--color-orchid-900: #27245d;
--color-orchid-950: #161240;
}SCSS
$orchid: #7f75ff;
$orchid-rgb: 127, 117, 255;
$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);
}