最も近い色名 · #006FFA
#006FFA
最も近い色名: Deep Sky Blue
#006FFA（rgb(0 111 250)、hsl(213 100% 49%)、oklch(0.577 0.224 259.1)）に最も近い色名はDeep Sky Blueです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#006FFA
oklch(0.577 0.224 259.1)
カラー変換
- HEX
- #006ffa
- RGB
- rgb(0 111 250)
- HSL
- hsl(213 100% 49%)
- HWB
- hwb(213 0% 2%)
- OKLCH
- oklch(0.577 0.224 259.1)
- OKLab
- oklab(0.577 -0.043 -0.22)
- CIE Lab
- lab(48.5 16.96 -77.95)
- LCH
- lch(48.5 79.78 282.3)
- CMYK
- cmyk(100% 56% 0% 2%)
ティント · シェード · トーン
ティント
- 2E80FC
- 4990FE
- 619FFF
- 78ADFF
- 8EBBFF
- A5C9FF
- BBD7FF
- D2E4FF
- E8F2FF
シェード
- 0060D9
- 0051BA
- 00429B
- 00347D
- 002761
- 001A46
- 000E2D
- 000415
- 000103
トーン
- 1F73EE
- 3076E2
- 3D79D7
- 487BCB
- 537DBF
- 5D7EB3
- 667FA7
- 6F809A
- 78808D
カラーハーモニー
補色 +180°
- 006FFA
Deep Sky Blue
- 9F6F00
≈ Golden Hind
類似色 -30° +30°
- 006FFA
Deep Sky Blue
- 0085AF
≈ Lyrebird
- 7C54F2
≈ Candy Grape Fizz
トライアド +120° +240°
- 006FFA
Deep Sky Blue
- DF1340
≈ Red Potion
- 329100
≈ Cossack Green
スプリットコンプリメンタリー +150° +210°
- 006FFA
Deep Sky Blue
- BF5700
≈ Sebright Chicken
- 807E00
≈ Olive
テトラード +90° +180° +270°
- 006FFA
Deep Sky Blue
- D0208E
≈ Purple Heart Kiwi
- 9F6F00
≈ Golden Hind
- 008F6E
≈ Observatory
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.51:1 · APCA Lc 70
Ag
AA黒の上
WCAG 4.65:1 · APCA Lc 31
最適な文字色: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
コードスニペット
CSS
:root {
--deep-sky-blue: #006ffa;
--deep-sky-blue-rgb: 0 111 250;
--deep-sky-blue-oklch: oklch(0.577 0.224 259.1);
}
.element {
color: var(--deep-sky-blue);
background-color: hsl(213 100% 49%);
border-color: oklch(0.577 0.224 259.1);
}Tailwind CSS v4
@theme {
--color-deep-sky-blue: #006ffa;
--color-deep-sky-blue-50: #d1f7ff;
--color-deep-sky-blue-100: #bee9ff;
--color-deep-sky-blue-200: #9dd4ff;
--color-deep-sky-blue-300: #73b5ff;
--color-deep-sky-blue-400: #4299ff;
--color-deep-sky-blue-500: #007aff;
--color-deep-sky-blue-600: #0168ea;
--color-deep-sky-blue-700: #0453bd;
--color-deep-sky-blue-800: #003e8d;
--color-deep-sky-blue-900: #002b64;
--color-deep-sky-blue-950: #001745;
}SCSS
$deep-sky-blue: #006ffa;
$deep-sky-blue-rgb: 0, 111, 250;
$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);
}