色名 · #6D68ED
If I Could Fly
If I Could Flyは#6D68ED：rgb(109 104 237)、hsl(242 79% 67%)、oklch(0.593 0.194 280.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · If I Could Fly color name →
#6D68ED
oklch(0.593 0.194 280.4)
カラー変換
- HEX
- #6d68ed
- RGB
- rgb(109 104 237)
- HSL
- hsl(242 79% 67%)
- HWB
- hwb(242 41% 7%)
- OKLCH
- oklch(0.593 0.194 280.4)
- OKLab
- oklab(0.593 0.035 -0.191)
- CIE Lab
- lab(50.05 30.33 -67.98)
- LCH
- lch(50.05 74.44 294)
- CMYK
- cmyk(54% 56% 0% 7%)
ティント · シェード · トーン
ティント
- 7979F0
- 8689F3
- 9498F6
- A2A7F8
- B0B6FA
- BFC5FC
- CFD3FD
- DFE2FE
- EFF0FF
シェード
- 5E59CE
- 4F4BB0
- 413E93
- 333077
- 26245C
- 191842
- 0D0C2A
- 040414
- 010003
トーン
- 6E6CE3
- 6F70D8
- 7173CD
- 7276C3
- 7478B8
- 767AAD
- 787CA2
- 7B7E97
- 7D7F8C
カラーハーモニー
補色 +180°
- 6D68ED
If I Could Fly
- 8F7F00
≈ Moscow Papyrus
類似色 -30° +30°
- 6D68ED
If I Could Fly
- 0080DE
≈ Electron Blue
- A253D2
≈ Ripe Lavander
トライアド +120° +240°
- 6D68ED
If I Could Fly
- D44A00
≈ Ōkaihau Express
- 009662
≈ Green Gloss
スプリットコンプリメンタリー +150° +210°
- 6D68ED
If I Could Fly
- AD6E00
≈ Caramel
- 5C9000
≈ Vida Loca
テトラード +90° +180° +270°
- 6D68ED
If I Could Fly
- D73962
≈ Azalea
- 8F7F00
≈ Moscow Papyrus
- 00918C
≈ Supermint
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.32:1 · APCA Lc 70
Ag
AA黒の上
WCAG 4.85:1 · APCA Lc 32
最適な文字色: #000000
WCAG 4.85:1 (AA) · APCA Lc 32
Contrast pairs
コードスニペット
CSS
:root {
--if-i-could-fly: #6d68ed;
--if-i-could-fly-rgb: 109 104 237;
--if-i-could-fly-oklch: oklch(0.593 0.194 280.4);
}
.element {
color: var(--if-i-could-fly);
background-color: hsl(242 79% 67%);
border-color: oklch(0.593 0.194 280.4);
}Tailwind CSS v4
@theme {
--color-if-i-could-fly: #6d68ed;
--color-if-i-could-fly-50: #ecefff;
--color-if-i-could-fly-100: #dde0ff;
--color-if-i-could-fly-200: #c7caff;
--color-if-i-could-fly-300: #a9a9ff;
--color-if-i-could-fly-400: #8c8cff;
--color-if-i-could-fly-500: #746cff;
--color-if-i-could-fly-600: #625cd9;
--color-if-i-could-fly-700: #4e4aae;
--color-if-i-could-fly-800: #363683;
--color-if-i-could-fly-900: #25255d;
--color-if-i-could-fly-950: #14133f;
}SCSS
$if-i-could-fly: #6d68ed;
$if-i-could-fly-rgb: 109, 104, 237;
$if-i-could-fly-light: mix(#fff, $if-i-could-fly, 20%);
$if-i-could-fly-dark: mix(#000, $if-i-could-fly, 20%);
.element {
color: $if-i-could-fly;
box-shadow: 0 0 0 2px rgba($if-i-could-fly, 0.35);
}