最も近い色名 · #0075E3
#0075E3
最も近い色名: Fading Night
#0075E3（rgb(0 117 227)、hsl(209 100% 45%)、oklch(0.572 0.189 255.1)）に最も近い色名はFading Nightです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#0075E3
oklch(0.572 0.189 255.1)
カラー変換
- HEX
- #0075e3
- RGB
- rgb(0 117 227)
- HSL
- hsl(209 100% 45%)
- HWB
- hwb(209 0% 11%)
- OKLCH
- oklch(0.572 0.189 255.1)
- OKLab
- oklab(0.572 -0.049 -0.182)
- CIE Lab
- lab(48.77 5.73 -64.69)
- LCH
- lch(48.77 64.94 275.1)
- CMYK
- cmyk(100% 48% 0% 11%)
ティント · シェード · トーン
ティント
- 3084E7
- 4B93EB
- 63A1EF
- 7AAFF2
- 90BCF5
- A6CAF8
- BCD7FA
- D2E5FC
- E9F2FE
シェード
- 0065C5
- 0055A8
- 00468C
- 003771
- 002957
- 001C3F
- 000F27
- 000512
- 000103
トーン
- 2177DA
- 327AD0
- 3F7BC6
- 4A7DBD
- 557EB3
- 5E7FA9
- 67809F
- 708095
- 78808B
カラーハーモニー
補色 +180°
- 0075E3
Fading Night
- A16C00
≈ Balor Brown
類似色 -30° +30°
- 0075E3
Fading Night
- 0084A8
≈ Tibetan Turquoise
- 715FE0
≈ Exodus Fruit
トライアド +120° +240°
- 0075E3
Fading Night
- CF3653
≈ Pezzottaite
- 478C00
≈ Christmas Green
スプリットコンプリメンタリー +150° +210°
- 0075E3
Fading Night
- C24F00
≈ Crustose Lichen
- 837B00
≈ Olive
テトラード +90° +180° +270°
- 0075E3
Fading Night
- BF3B91
≈ Boat Orchid
- A16C00
≈ Balor Brown
- 008D66
≈ Kabalite Green
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.51:1 · APCA Lc 71
Ag
AA黒の上
WCAG 4.65:1 · APCA Lc 31
最適な文字色: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
コードスニペット
CSS
:root {
--fading-night: #0075e3;
--fading-night-rgb: 0 117 227;
--fading-night-oklch: oklch(0.572 0.189 255.1);
}
.element {
color: var(--fading-night);
background-color: hsl(209 100% 45%);
border-color: oklch(0.572 0.189 255.1);
}Tailwind CSS v4
@theme {
--color-fading-night: #0075e3;
--color-fading-night-50: #d3f8ff;
--color-fading-night-100: #c0ebff;
--color-fading-night-200: #a0d7ff;
--color-fading-night-300: #76b9ff;
--color-fading-night-400: #469fff;
--color-fading-night-500: #0083fe;
--color-fading-night-600: #056fd6;
--color-fading-night-700: #0759ad;
--color-fading-night-800: #004281;
--color-fading-night-900: #002d5b;
--color-fading-night-950: #001a3e;
}SCSS
$fading-night: #0075e3;
$fading-night-rgb: 0, 117, 227;
$fading-night-light: mix(#fff, $fading-night, 20%);
$fading-night-dark: mix(#000, $fading-night, 20%);
.element {
color: $fading-night;
box-shadow: 0 0 0 2px rgba($fading-night, 0.35);
}