最も近い色名 · #829BCE
#829BCE
最も近い色名: Wisteria Blue
#829BCE（rgb(130 155 206)、hsl(220 44% 66%)、oklch(0.69 0.081 264.2)）に最も近い色名はWisteria Blueです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#829BCE
oklch(0.69 0.081 264.2)
カラー変換
- HEX
- #829bce
- RGB
- rgb(130 155 206)
- HSL
- hsl(220 44% 66%)
- HWB
- hwb(220 51% 19%)
- OKLCH
- oklch(0.69 0.081 264.2)
- OKLab
- oklab(0.69 -0.008 -0.08)
- CIE Lab
- lab(63.51 0.49 -29.36)
- LCH
- lch(63.51 29.37 271)
- CMYK
- cmyk(37% 25% 0% 19%)
ティント · シェード · トーン
ティント
- 8EA5D3
- 9AAFD8
- A6B9DD
- B2C2E2
- BFCCE7
- CBD6EC
- D8E1F1
- E5EBF6
- F2F5FA
シェード
- 7086B3
- 5F7298
- 4E5E7F
- 3E4B66
- 2F394E
- 202838
- 121823
- 06090F
- 010102
トーン
- 8298C6
- 8296BE
- 8293B6
- 8191AF
- 818EA7
- 818B9F
- 818897
- 818690
- 808388
カラーハーモニー
補色 +180°
- 829BCE
Wisteria Blue
- B39760
≈ Edgy Gold
類似色 -30° +30°
- 829BCE
Wisteria Blue
- 67A4C6
≈ Scott Base
- 9E92C9
≈ Distinct Purple
トライアド +120° +240°
- 829BCE
Wisteria Blue
- C98883
≈ All’s Ace
- 7CA97C
≈ Summer Garden
スプリットコンプリメンタリー +150° +210°
- 829BCE
Wisteria Blue
- C38E6B
≈ Shiracha Brown
- 9AA166
≈ Dry Grass
テトラード +90° +180° +270°
- 829BCE
Wisteria Blue
- C4869E
≈ Winsome Rose
- B39760
≈ Edgy Gold
- 62AC98
≈ Green Crush
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.78:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.52:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--wisteria-blue: #829bce;
--wisteria-blue-rgb: 130 155 206;
--wisteria-blue-oklch: oklch(0.69 0.081 264.2);
}
.element {
color: var(--wisteria-blue);
background-color: hsl(220 44% 66%);
border-color: oklch(0.69 0.081 264.2);
}Tailwind CSS v4
@theme {
--color-wisteria-blue: #829bce;
--color-wisteria-blue-50: #eaf5ff;
--color-wisteria-blue-100: #dbe8ff;
--color-wisteria-blue-200: #c4d4f8;
--color-wisteria-blue-300: #a4b7e2;
--color-wisteria-blue-400: #869ecf;
--color-wisteria-blue-500: #6b85bc;
--color-wisteria-blue-600: #5b719f;
--color-wisteria-blue-700: #485a7f;
--color-wisteria-blue-800: #33425f;
--color-wisteria-blue-900: #232e42;
--color-wisteria-blue-950: #121a2b;
}SCSS
$wisteria-blue: #829bce;
$wisteria-blue-rgb: 130, 155, 206;
$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);
}