最も近い色名 · #2960EF
#2960EF
最も近い色名: Bluerocratic
#2960EF（rgb(41 96 239)、hsl(223 86% 55%)、oklch(0.545 0.223 264.2)）に最も近い色名はBluerocraticです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#2960EF
oklch(0.545 0.223 264.2)
カラー変換
- HEX
- #2960ef
- RGB
- rgb(41 96 239)
- HSL
- hsl(223 86% 55%)
- HWB
- hwb(223 16% 6%)
- OKLCH
- oklch(0.545 0.223 264.2)
- OKLab
- oklab(0.545 -0.023 -0.222)
- CIE Lab
- lab(44.39 24.5 -78.49)
- LCH
- lch(44.39 82.22 287.3)
- CMYK
- cmyk(83% 60% 0% 6%)
ティント · シェード · トーン
ティント
- 3E73F2
- 5284F6
- 6795F8
- 7CA4FB
- 91B4FD
- A6C3FE
- BCD2FF
- D2E1FF
- E8F0FF
シェード
- 2252D0
- 1C45B1
- 153894
- 0F2C78
- 09205C
- 051542
- 020A2A
- 010314
- 000003
トーン
- 3266E5
- 3C6BDA
- 456FCF
- 4E73C5
- 5676BA
- 5F79AF
- 677BA4
- 707D98
- 787F8C
カラーハーモニー
補色 +180°
- 2960EF
Bluerocratic
- 8E6900
≈ Muddy Brown
類似色 -30° +30°
- 2960EF
Bluerocratic
- 007AA8
≈ Quiet Cove
- 7D45E1
≈ Aconite Purple
トライアド +120° +240°
- 2960EF
Bluerocratic
- D20026
≈ Cardinal Rage
- 00881B
≈ Fatal Fields
スプリットコンプリメンタリー +150° +210°
- 2960EF
Bluerocratic
- AB5500
≈ Tijolo
- 707700
≈ Portuguese Green
テトラード +90° +180° +270°
- 2960EF
Bluerocratic
- C80478
≈ Bottom of My Heart
- 8E6900
≈ Muddy Brown
- 00836C
≈ Viridis
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.23:1 · APCA Lc 75
Ag
Fail黒の上
WCAG 4.01:1 · APCA Lc 27
最適な文字色: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 75
Contrast pairs
コードスニペット
CSS
:root {
--bluerocratic: #2960ef;
--bluerocratic-rgb: 41 96 239;
--bluerocratic-oklch: oklch(0.545 0.223 264.2);
}
.element {
color: var(--bluerocratic);
background-color: hsl(223 86% 55%);
border-color: oklch(0.545 0.223 264.2);
}Tailwind CSS v4
@theme {
--color-bluerocratic: #2960ef;
--color-bluerocratic-50: #d7f4ff;
--color-bluerocratic-100: #c5e7ff;
--color-bluerocratic-200: #a8d1ff;
--color-bluerocratic-300: #82b1ff;
--color-bluerocratic-400: #5995ff;
--color-bluerocratic-500: #3675ff;
--color-bluerocratic-600: #2e64eb;
--color-bluerocratic-700: #2550bd;
--color-bluerocratic-800: #123b8e;
--color-bluerocratic-900: #0b2964;
--color-bluerocratic-950: #011545;
}SCSS
$bluerocratic: #2960ef;
$bluerocratic-rgb: 41, 96, 239;
$bluerocratic-light: mix(#fff, $bluerocratic, 20%);
$bluerocratic-dark: mix(#000, $bluerocratic, 20%);
.element {
color: $bluerocratic;
box-shadow: 0 0 0 2px rgba($bluerocratic, 0.35);
}