最も近い色名 · #6937A9
#6937A9
最も近い色名: Purple Heart
#6937A9（rgb(105 55 169)、hsl(266 51% 44%)、oklch(0.461 0.174 299.6)）に最も近い色名はPurple Heartです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#6937A9
oklch(0.461 0.174 299.6)
カラー変換
- HEX
- #6937a9
- RGB
- rgb(105 55 169)
- HSL
- hsl(266 51% 44%)
- HWB
- hwb(266 22% 34%)
- OKLCH
- oklch(0.461 0.174 299.6)
- OKLab
- oklab(0.461 0.086 -0.151)
- CIE Lab
- lab(34.57 40.4 -53.78)
- LCH
- lch(34.57 67.27 306.9)
- CMYK
- cmyk(38% 67% 0% 34%)
ティント · シェード · トーン
ティント
- 764DB3
- 8461BC
- 9275C5
- A188CE
- B09CD7
- BFAFE0
- CFC3E8
- DED7F0
- EFEBF8
シェード
- 5A2E92
- 4C267C
- 3E1E67
- 311653
- 240F3F
- 18082C
- 0C031B
- 04010A
- 000001
トーン
- 6B41A6
- 6D4AA2
- 6F529F
- 71599B
- 736097
- 766793
- 786D8F
- 7B748A
- 7D7A85
カラーハーモニー
補色 +180°
- 6937A9
Purple Heart
- 516000
≈ Camouflage Green
類似色 -30° +30°
- 6937A9
Purple Heart
- 344AB8
≈ Night in Manchester
- 8A2586
≈ Hello Darkness My Old Friend
トライアド +120° +240°
- 6937A9
Purple Heart
- 834700
≈ Dried Mustard
- 00675A
≈ Dancing Dragonfly
スプリットコンプリメンタリー +150° +210°
- 6937A9
Purple Heart
- 6D5500
≈ Ayahuasca Vine
- 006B2D
≈ Ireland Green
テトラード +90° +180° +270°
- 6937A9
Purple Heart
- A3190F
≈ Mechrite Red
- 516000
≈ Camouflage Green
- 006471
≈ Green Spool
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.72:1 · APCA Lc 86
Ag
Fail黒の上
WCAG 2.72:1 · APCA Lc 16
最適な文字色: #FFFFFF
WCAG 7.72:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--purple-heart: #6937a9;
--purple-heart-rgb: 105 55 169;
--purple-heart-oklch: oklch(0.461 0.174 299.6);
}
.element {
color: var(--purple-heart);
background-color: hsl(266 51% 44%);
border-color: oklch(0.461 0.174 299.6);
}Tailwind CSS v4
@theme {
--color-purple-heart: #6937a9;
--color-purple-heart-50: #feeaff;
--color-purple-heart-100: #f2dbff;
--color-purple-heart-200: #e1c3ff;
--color-purple-heart-300: #c8a1ff;
--color-purple-heart-400: #af83f5;
--color-purple-heart-500: #9964e6;
--color-purple-heart-600: #8155c2;
--color-purple-heart-700: #68449c;
--color-purple-heart-800: #4a3176;
--color-purple-heart-900: #342253;
--color-purple-heart-950: #1f1038;
}SCSS
$purple-heart: #6937a9;
$purple-heart-rgb: 105, 55, 169;
$purple-heart-light: mix(#fff, $purple-heart, 20%);
$purple-heart-dark: mix(#000, $purple-heart, 20%);
.element {
color: $purple-heart;
box-shadow: 0 0 0 2px rgba($purple-heart, 0.35);
}