最も近い色名 · #0270F7
#0270F7
最も近い色名: Deep Sky Blue
#0270F7（rgb(2 112 247)、hsl(213 98% 49%)、oklch(0.576 0.219 258.7)）に最も近い色名はDeep Sky Blueです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#0270F7
oklch(0.576 0.219 258.7)
カラー変換
- HEX
- #0270f7
- RGB
- rgb(2 112 247)
- HSL
- hsl(213 98% 49%)
- HWB
- hwb(213 1% 3%)
- OKLCH
- oklch(0.576 0.219 258.7)
- OKLab
- oklab(0.576 -0.043 -0.215)
- CIE Lab
- lab(48.6 15.43 -76.13)
- LCH
- lch(48.6 77.68 281.5)
- CMYK
- cmyk(99% 55% 0% 3%)
ティント · シェード · トーン
ティント
- 2F80FA
- 4990FC
- 619FFE
- 78ADFF
- 8FBCFF
- A5C9FF
- BBD7FF
- D2E4FF
- E8F2FF
シェード
- 0160D7
- 0151B7
- 014399
- 00357C
- 002760
- 001A45
- 000E2C
- 000415
- 000103
トーン
- 2074EC
- 3077E0
- 3D79D5
- 497BC9
- 537DBD
- 5D7EB2
- 667FA6
- 6F8099
- 78808D
カラーハーモニー
補色 +180°
- 0270F7
Deep Sky Blue
- 9F6F00
≈ Golden Hind
類似色 -30° +30°
- 0270F7
Deep Sky Blue
- 0085AE
≈ Lyrebird
- 7B55EF
≈ Candy Grape Fizz
トライアド +120° +240°
- 0270F7
Deep Sky Blue
- DD1B43
≈ Crossing the Line
- 359000
≈ Cossack Green
スプリットコンプリメンタリー +150° +210°
- 0270F7
Deep Sky Blue
- BF5600
≈ Sebright Chicken
- 807E00
≈ Olive
テトラード +90° +180° +270°
- 0270F7
Deep Sky Blue
- CE268E
≈ Purple Heart Kiwi
- 9F6F00
≈ Golden Hind
- 008F6D
≈ Sea Swell
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.50:1 · APCA Lc 70
Ag
AA黒の上
WCAG 4.66:1 · APCA Lc 31
最適な文字色: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
コードスニペット
CSS
:root {
--deep-sky-blue: #0270f7;
--deep-sky-blue-rgb: 2 112 247;
--deep-sky-blue-oklch: oklch(0.576 0.219 258.7);
}
.element {
color: var(--deep-sky-blue);
background-color: hsl(213 98% 49%);
border-color: oklch(0.576 0.219 258.7);
}Tailwind CSS v4
@theme {
--color-deep-sky-blue: #0270f7;
--color-deep-sky-blue-50: #d2f7ff;
--color-deep-sky-blue-100: #bee9ff;
--color-deep-sky-blue-200: #9ed4ff;
--color-deep-sky-blue-300: #74b5ff;
--color-deep-sky-blue-400: #439aff;
--color-deep-sky-blue-500: #007bff;
--color-deep-sky-blue-600: #0369e8;
--color-deep-sky-blue-700: #0554ba;
--color-deep-sky-blue-800: #003e8c;
--color-deep-sky-blue-900: #002b63;
--color-deep-sky-blue-950: #001744;
}SCSS
$deep-sky-blue: #0270f7;
$deep-sky-blue-rgb: 2, 112, 247;
$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);
}