最も近い色名 · #005B93
#005B93
最も近い色名: Hyper Blue
#005B93（rgb(0 91 147)、hsl(203 100% 29%)、oklch(0.456 0.116 245.6)）に最も近い色名はHyper Blueです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#005B93
oklch(0.456 0.116 245.6)
カラー変換
- HEX
- #005b93
- RGB
- rgb(0 91 147)
- HSL
- hsl(203 100% 29%)
- HWB
- hwb(203 0% 42%)
- OKLCH
- oklch(0.456 0.116 245.6)
- OKLab
- oklab(0.456 -0.048 -0.106)
- CIE Lab
- lab(36.5 -6.37 -37.92)
- LCH
- lch(36.5 38.46 260.5)
- CMYK
- cmyk(100% 38% 0% 42%)
ティント · シェード · トーン
ティント
- 296B9E
- 437BA9
- 5B8BB4
- 729BBF
- 89ABCA
- A0BCD5
- B8CCDF
- CFDDEA
- E7EEF5
シェード
- 004E7F
- 00416C
- 003559
- 002947
- 001E36
- 001325
- 000916
- 000308
- 000001
トーン
- 1C5F92
- 2B6390
- 38678F
- 446B8D
- 4F6F8B
- 597389
- 637687
- 6D7985
- 767D83
カラーハーモニー
補色 +180°
- 005B93
Hyper Blue
- 7D4900
≈ Dried Mustard
類似色 -30° +30°
- 005B93
Hyper Blue
- 006273
≈ Ocean Radiance
- 464F97
≈ Deep Ultramarine
トライアド +120° +240°
- 005B93
Hyper Blue
- 8A364D
≈ That’s My Jam
- 476100
≈ Camouflage Green
スプリットコンプリメンタリー +150° +210°
- 005B93
Hyper Blue
- 8C3A25
≈ Red Prairie
- 675600
≈ Ayahuasca Vine
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.19:1 · APCA Lc 84
Ag
Fail黒の上
WCAG 2.91:1 · APCA Lc 18
最適な文字色: #FFFFFF
WCAG 7.19:1 (AAA) · APCA Lc 84
Contrast pairs
コードスニペット
CSS
:root {
--hyper-blue: #005b93;
--hyper-blue-rgb: 0 91 147;
--hyper-blue-oklch: oklch(0.456 0.116 245.6);
}
.element {
color: var(--hyper-blue);
background-color: hsl(203 100% 29%);
border-color: oklch(0.456 0.116 245.6);
}Tailwind CSS v4
@theme {
--color-hyper-blue: #005b93;
--color-hyper-blue-50: #dcf9ff;
--color-hyper-blue-100: #caecff;
--color-hyper-blue-200: #add9ff;
--color-hyper-blue-300: #87bdf0;
--color-hyper-blue-400: #60a5df;
--color-hyper-blue-500: #388cce;
--color-hyper-blue-600: #3177ae;
--color-hyper-blue-700: #275f8c;
--color-hyper-blue-800: #184667;
--color-hyper-blue-900: #0f3149;
--color-hyper-blue-950: #021c30;
}SCSS
$hyper-blue: #005b93;
$hyper-blue-rgb: 0, 91, 147;
$hyper-blue-light: mix(#fff, $hyper-blue, 20%);
$hyper-blue-dark: mix(#000, $hyper-blue, 20%);
.element {
color: $hyper-blue;
box-shadow: 0 0 0 2px rgba($hyper-blue, 0.35);
}