最も近い色名 · #7F75FF
#7F75FF
最も近い色名: Orchid
#7F75FF（rgb(127 117 255)、hsl(244 100% 73%)、oklch(0.641 0.198 282.5)）に最も近い色名はOrchidです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#7F75FF
oklch(0.641 0.198 282.5)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- 8A84FF
- 9593FF
- A1A1FF
- ADAFFF
- BABDFF
- C7CAFF
- D5D7FF
- E3E5FF
- F1F2FF
シェード
- 6E65DE
- 5D55BE
- 4C469E
- 3C3780
- 2D2963
- 1F1C48
- 110F2E
- 060516
- 010103
トーン
- 7E78F2
- 7E7AE6
- 7E7CDA
- 7D7DCD
- 7D7EC0
- 7E7FB4
- 7E80A7
- 7F809A
- 7F808D
カラーハーモニー
補色 +180°
- 7F75FF
Orchid
- 9D8F00
≈ Smoothie Green
類似色 -30° +30°
- 7F75FF
Orchid
- 008DFE
≈ Clear Chill
- B560E1
≈ Rich Lilac
トライアド +120° +240°
- 7F75FF
Orchid
- E75900
≈ Tobiko Orange
- 00A673
≈ Bluish Green
スプリットコンプリメンタリー +150° +210°
- 7F75FF
Orchid
- BE7D00
≈ Guo Tie Dumpling
- 5FA200
≈ Prairie Green
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.56:1 · APCA Lc 63
Ag
AA黒の上
WCAG 5.89:1 · APCA Lc 39
最適な文字色: #000000
WCAG 5.89:1 (AA) · APCA Lc 39
Contrast pairs
コードスニペット
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);
}