最も近い色名 · #266FE7
#266FE7
最も近い色名: Deep Sky Blue
#266FE7（rgb(38 111 231)、hsl(217 80% 53%)、oklch(0.567 0.196 260.1)）に最も近い色名はDeep Sky Blueです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#266FE7
oklch(0.567 0.196 260.1)
カラー変換
- HEX
- #266fe7
- RGB
- rgb(38 111 231)
- HSL
- hsl(217 80% 53%)
- HWB
- hwb(217 15% 9%)
- OKLCH
- oklch(0.567 0.196 260.1)
- OKLab
- oklab(0.567 -0.034 -0.193)
- CIE Lab
- lab(47.84 12.67 -68.4)
- LCH
- lch(47.84 69.57 280.5)
- CMYK
- cmyk(84% 52% 0% 9%)
ティント · シェード · トーン
ティント
- 3E7FEB
- 558EEF
- 6A9DF2
- 7FABF5
- 94BAF8
- A9C8FA
- BED6FC
- D4E3FD
- E9F1FE
シェード
- 2060C9
- 1951AB
- 13428F
- 0D3473
- 082759
- 041A40
- 020E28
- 010413
- 000103
トーン
- 3272DD
- 3D75D3
- 4778C9
- 507ABF
- 597CB5
- 617DAB
- 697EA1
- 717F96
- 79808B
カラーハーモニー
補色 +180°
- 266FE7
Deep Sky Blue
- 9A6D00
≈ Balor Brown
類似色 -30° +30°
- 266FE7
Deep Sky Blue
- 0082AC
≈ Tusche Blue
- 7A58DF
≈ Gloomy Purple
トライアド +120° +240°
- 266FE7
Deep Sky Blue
- D13043
≈ Infrared Flush
- 288E00
≈ Diamine Green
スプリットコンプリメンタリー +150° +210°
- 266FE7
Deep Sky Blue
- B95600
≈ Obscure Orange
- 7B7C00
≈ Verde Tropa
テトラード +90° +180° +270°
- 266FE7
Deep Sky Blue
- C43386
≈ Shrine of Pleasures
- 9A6D00
≈ Balor Brown
- 008B6C
≈ Carolina Green
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.65:1 · APCA Lc 72
Ag
AA黒の上
WCAG 4.51:1 · APCA Lc 30
最適な文字色: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
コードスニペット
CSS
:root {
--deep-sky-blue: #266fe7;
--deep-sky-blue-rgb: 38 111 231;
--deep-sky-blue-oklch: oklch(0.567 0.196 260.1);
}
.element {
color: var(--deep-sky-blue);
background-color: hsl(217 80% 53%);
border-color: oklch(0.567 0.196 260.1);
}Tailwind CSS v4
@theme {
--color-deep-sky-blue: #266fe7;
--color-deep-sky-blue-50: #d7f6ff;
--color-deep-sky-blue-100: #c5e9ff;
--color-deep-sky-blue-200: #a6d4ff;
--color-deep-sky-blue-300: #7fb5ff;
--color-deep-sky-blue-400: #559bff;
--color-deep-sky-blue-500: #2b7eff;
--color-deep-sky-blue-600: #266bdc;
--color-deep-sky-blue-700: #1e56b1;
--color-deep-sky-blue-800: #0d3f84;
--color-deep-sky-blue-900: #082c5e;
--color-deep-sky-blue-950: #001840;
}SCSS
$deep-sky-blue: #266fe7;
$deep-sky-blue-rgb: 38, 111, 231;
$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);
}