最も近い色名 · #779AE3
#779AE3
最も近い色名: Wisteria Blue
#779AE3（rgb(119 154 227)、hsl(221 66% 68%)、oklch(0.69 0.115 264.1)）に最も近い色名はWisteria Blueです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#779AE3
oklch(0.69 0.115 264.1)
カラー変換
- HEX
- #779ae3
- RGB
- rgb(119 154 227)
- HSL
- hsl(221 66% 68%)
- HWB
- hwb(221 47% 11%)
- OKLCH
- oklch(0.69 0.115 264.1)
- OKLab
- oklab(0.69 -0.012 -0.114)
- CIE Lab
- lab(63.28 2.55 -41.39)
- LCH
- lch(63.28 41.47 273.5)
- CMYK
- cmyk(48% 32% 0% 11%)
ティント · シェード · トーン
ティント
- 84A4E6
- 91AEEA
- 9EB8ED
- ACC3F0
- B9CDF3
- C7D7F6
- D5E1F8
- E3EBFB
- F1F5FD
シェード
- 6785C5
- 5771A8
- 475E8C
- 384B71
- 2A3957
- 1C273F
- 101727
- 050912
- 010103
トーン
- 7898D9
- 7995CF
- 7A93C5
- 7B90BB
- 7C8EB2
- 7D8BA8
- 7E899E
- 7F8694
- 7F838A
カラーハーモニー
補色 +180°
- 779AE3
Wisteria Blue
- BD953D
≈ Wheat Beer
類似色 -30° +30°
- 779AE3
Wisteria Blue
- 46A7D8
≈ Blue Astro
- A08DDC
≈ Middy’s Purple
トライアド +120° +240°
- 779AE3
Wisteria Blue
- DA7E78
≈ Cranapple
- 6DAE6D
≈ Pale Green
スプリットコンプリメンタリー +150° +210°
- 779AE3
Wisteria Blue
- D28753
≈ Flaming Torch
- 9BA349
≈ Fresh Apple
テトラード +90° +180° +270°
- 779AE3
Wisteria Blue
- D37CA0
≈ Little Bow Pink
- BD953D
≈ Wheat Beer
- 37B296
≈ Green Blue
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.79:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.51:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--wisteria-blue: #779ae3;
--wisteria-blue-rgb: 119 154 227;
--wisteria-blue-oklch: oklch(0.69 0.115 264.1);
}
.element {
color: var(--wisteria-blue);
background-color: hsl(221 66% 68%);
border-color: oklch(0.69 0.115 264.1);
}Tailwind CSS v4
@theme {
--color-wisteria-blue: #779ae3;
--color-wisteria-blue-50: #e6f5ff;
--color-wisteria-blue-100: #d6e8ff;
--color-wisteria-blue-200: #bdd4ff;
--color-wisteria-blue-300: #9cb6f3;
--color-wisteria-blue-400: #7c9de3;
--color-wisteria-blue-500: #5f84d2;
--color-wisteria-blue-600: #516fb1;
--color-wisteria-blue-700: #40598e;
--color-wisteria-blue-800: #2c426a;
--color-wisteria-blue-900: #1e2d4b;
--color-wisteria-blue-950: #0e1a31;
}SCSS
$wisteria-blue: #779ae3;
$wisteria-blue-rgb: 119, 154, 227;
$wisteria-blue-light: mix(#fff, $wisteria-blue, 20%);
$wisteria-blue-dark: mix(#000, $wisteria-blue, 20%);
.element {
color: $wisteria-blue;
box-shadow: 0 0 0 2px rgba($wisteria-blue, 0.35);
}