最も近い色名 · #0070F4
#0070F4
最も近い色名: Deep Sky Blue
#0070F4（rgb(0 112 244)、hsl(212 100% 48%)、oklch(0.574 0.216 258.3)）に最も近い色名はDeep Sky Blueです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#0070F4
oklch(0.574 0.216 258.3)
カラー変換
- HEX
- #0070f4
- RGB
- rgb(0 112 244)
- HSL
- hsl(212 100% 48%)
- HWB
- hwb(212 0% 4%)
- OKLCH
- oklch(0.574 0.216 258.3)
- OKLab
- oklab(0.574 -0.044 -0.211)
- CIE Lab
- lab(48.39 14.36 -74.81)
- LCH
- lch(48.39 76.18 280.9)
- CMYK
- cmyk(100% 54% 0% 4%)
ティント · シェード · トーン
ティント
- 2E80F7
- 4990F9
- 619FFB
- 78ADFD
- 8FBBFF
- A5C9FF
- BBD7FF
- D2E4FF
- E8F2FF
シェード
- 0060D4
- 0051B5
- 004397
- 00357A
- 00275E
- 001A44
- 000E2B
- 000414
- 000103
トーン
- 1F74E9
- 3077DE
- 3D79D2
- 497BC7
- 537DBC
- 5D7EB0
- 667FA5
- 6F8099
- 78808D
カラーハーモニー
補色 +180°
- 0070F4
Deep Sky Blue
- 9E6E00
≈ Balor Brown
類似色 -30° +30°
- 0070F4
Deep Sky Blue
- 0084AD
≈ Tusche Blue
- 7956ED
≈ Candy Grape Fizz
トライアド +120° +240°
- 0070F4
Deep Sky Blue
- DA1F44
≈ Lollipop
- 378F00
≈ Cossack Green
スプリットコンプリメンタリー +150° +210°
- 0070F4
Deep Sky Blue
- BE5500
≈ Sebright Chicken
- 807D00
≈ Olive
テトラード +90° +180° +270°
- 0070F4
Deep Sky Blue
- CB288E
≈ Royal Fuchsia
- 9E6E00
≈ Balor Brown
- 008E6C
≈ Sea Swell
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.54:1 · APCA Lc 71
Ag
AA黒の上
WCAG 4.62:1 · APCA Lc 31
最適な文字色: #000000
WCAG 4.62:1 (AA) · APCA Lc 31
Contrast pairs
コードスニペット
CSS
:root {
--deep-sky-blue: #0070f4;
--deep-sky-blue-rgb: 0 112 244;
--deep-sky-blue-oklch: oklch(0.574 0.216 258.3);
}
.element {
color: var(--deep-sky-blue);
background-color: hsl(212 100% 48%);
border-color: oklch(0.574 0.216 258.3);
}Tailwind CSS v4
@theme {
--color-deep-sky-blue: #0070f4;
--color-deep-sky-blue-50: #d2f7ff;
--color-deep-sky-blue-100: #bee9ff;
--color-deep-sky-blue-200: #9ed5ff;
--color-deep-sky-blue-300: #74b6ff;
--color-deep-sky-blue-400: #439aff;
--color-deep-sky-blue-500: #007cff;
--color-deep-sky-blue-600: #036ae6;
--color-deep-sky-blue-700: #0555b9;
--color-deep-sky-blue-800: #003f8a;
--color-deep-sky-blue-900: #002b62;
--color-deep-sky-blue-950: #001844;
}SCSS
$deep-sky-blue: #0070f4;
$deep-sky-blue-rgb: 0, 112, 244;
$deep-sky-blue-light: mix(#fff, $deep-sky-blue, 20%);
$deep-sky-blue-dark: mix(#000, $deep-sky-blue, 20%);
.element {
color: $deep-sky-blue;
box-shadow: 0 0 0 2px rgba($deep-sky-blue, 0.35);
}