最も近い色名 · #0672E3
#0672E3
最も近い色名: Fading Night
#0672E3（rgb(6 114 227)、hsl(211 95% 46%)、oklch(0.566 0.192 256.2)）に最も近い色名はFading Nightです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#0672E3
oklch(0.566 0.192 256.2)
カラー変換
- HEX
- #0672e3
- RGB
- rgb(6 114 227)
- HSL
- hsl(211 95% 46%)
- HWB
- hwb(211 2% 11%)
- OKLCH
- oklch(0.566 0.192 256.2)
- OKLab
- oklab(0.566 -0.046 -0.186)
- CIE Lab
- lab(47.96 7.68 -66)
- LCH
- lch(47.96 66.45 276.6)
- CMYK
- cmyk(97% 50% 0% 11%)
ティント · シェード · トーン
ティント
- 3181E7
- 4B90EB
- 639FEF
- 7AADF2
- 90BBF5
- A6C9F8
- BCD6FA
- D2E4FC
- E9F2FE
シェード
- 0462C5
- 0353A8
- 02448C
- 013671
- 012857
- 001B3F
- 000E27
- 000412
- 000103
トーン
- 2275DA
- 3277D0
- 3F79C7
- 4A7BBD
- 547DB3
- 5E7EA9
- 677F9F
- 707F95
- 78808B
カラーハーモニー
補色 +180°
- 0672E3
Fading Night
- 9D6B00
≈ Balor Brown
類似色 -30° +30°
- 0672E3
Fading Night
- 0082A7
≈ Advertising Blue
- 725CDF
≈ Astro Purple
トライアド +120° +240°
- 0672E3
Fading Night
- CE314E
≈ Demonic Kiss
- 418B00
≈ Christmas Green
スプリットコンプリメンタリー +150° +210°
- 0672E3
Fading Night
- BE5000
≈ Crustose Lichen
- 807A00
≈ Tool Green
テトラード +90° +180° +270°
- 0672E3
Fading Night
- BF378D
≈ Lust Priestess
- 9D6B00
≈ Balor Brown
- 008B66
≈ Kabalite Green
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.64:1 · APCA Lc 71
Ag
AA黒の上
WCAG 4.52:1 · APCA Lc 30
最適な文字色: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 71
Contrast pairs
コードスニペット
CSS
:root {
--fading-night: #0672e3;
--fading-night-rgb: 6 114 227;
--fading-night-oklch: oklch(0.566 0.192 256.2);
}
.element {
color: var(--fading-night);
background-color: hsl(211 95% 46%);
border-color: oklch(0.566 0.192 256.2);
}Tailwind CSS v4
@theme {
--color-fading-night: #0672e3;
--color-fading-night-50: #d4f8ff;
--color-fading-night-100: #c1eaff;
--color-fading-night-200: #a1d6ff;
--color-fading-night-300: #77b8ff;
--color-fading-night-400: #489eff;
--color-fading-night-500: #0682ff;
--color-fading-night-600: #0e6ed8;
--color-fading-night-700: #0c58ae;
--color-fading-night-800: #004182;
--color-fading-night-900: #002d5c;
--color-fading-night-950: #00193f;
}SCSS
$fading-night: #0672e3;
$fading-night-rgb: 6, 114, 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);
}