最も近い色名 · #0070B6
#0070B6
最も近い色名: French Blue
#0070B6（rgb(0 112 182)、hsl(203 100% 36%)、oklch(0.53 0.138 246.6)）に最も近い色名はFrench Blueです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#0070B6
oklch(0.53 0.138 246.6)
カラー変換
- HEX
- #0070b6
- RGB
- rgb(0 112 182)
- HSL
- hsl(203 100% 36%)
- HWB
- hwb(203 0% 29%)
- OKLCH
- oklch(0.53 0.138 246.6)
- OKLab
- oklab(0.53 -0.055 -0.127)
- CIE Lab
- lab(44.87 -6.44 -45.29)
- LCH
- lch(44.87 45.74 261.9)
- CMYK
- cmyk(100% 38% 0% 29%)
ティント · シェード · トーン
ティント
- 2F7EBE
- 4A8DC6
- 629BCE
- 79A9D5
- 8FB7DD
- A5C6E4
- BBD4EB
- D2E2F2
- E8F1F8
シェード
- 00609E
- 005186
- 00436F
- 003559
- 002744
- 001A30
- 000E1D
- 00040C
- 000102
トーン
- 2072B1
- 3174AC
- 3E76A7
- 4978A2
- 547A9C
- 5D7B97
- 667D92
- 6F7E8C
- 787F86
カラーハーモニー
補色 +180°
- 0070B6
French Blue
- 985C00
≈ Sepia Wash
類似色 -30° +30°
- 0070B6
French Blue
- 00798F
≈ Bimini Blue
- 5961BA
≈ Bluish Purple Anemone
トライアド +120° +240°
- 0070B6
French Blue
- AB435E
≈ Hot
- 577900
≈ Topiary Green
スプリットコンプリメンタリー +150° +210°
- 0070B6
French Blue
- AC482C
≈ Red Terra
- 7E6B00
≈ Sunlit Kelp Green
テトラード +90° +180° +270°
- 0070B6
French Blue
- 9B4889
≈ Viva Magenta
- 985C00
≈ Sepia Wash
- 00814C
≈ Picture Book Green
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.25:1 · APCA Lc 75
Ag
Fail黒の上
WCAG 3.99:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 75
Contrast pairs
コードスニペット
CSS
:root {
--french-blue: #0070b6;
--french-blue-rgb: 0 112 182;
--french-blue-oklch: oklch(0.53 0.138 246.6);
}
.element {
color: var(--french-blue);
background-color: hsl(203 100% 36%);
border-color: oklch(0.53 0.138 246.6);
}Tailwind CSS v4
@theme {
--color-french-blue: #0070b6;
--color-french-blue-50: #d7f9ff;
--color-french-blue-100: #c5edff;
--color-french-blue-200: #a6daff;
--color-french-blue-300: #7dbdfb;
--color-french-blue-400: #52a5eb;
--color-french-blue-500: #1d8cdb;
--color-french-blue-600: #1c76b9;
--color-french-blue-700: #175f95;
--color-french-blue-800: #08466e;
--color-french-blue-900: #06304e;
--color-french-blue-950: #001c34;
}SCSS
$french-blue: #0070b6;
$french-blue-rgb: 0, 112, 182;
$french-blue-light: mix(#fff, $french-blue, 20%);
$french-blue-dark: mix(#000, $french-blue, 20%);
.element {
color: $french-blue;
box-shadow: 0 0 0 2px rgba($french-blue, 0.35);
}