最も近い色名 · #005CD0
#005CD0
最も近い色名: Frosted Blueberries
#005CD0（rgb(0 92 208)、hsl(213 100% 41%)、oklch(0.504 0.194 258.9)）に最も近い色名はFrosted Blueberriesです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#005CD0
oklch(0.504 0.194 258.9)
カラー変換
- HEX
- #005cd0
- RGB
- rgb(0 92 208)
- HSL
- hsl(213 100% 41%)
- HWB
- hwb(213 0% 18%)
- OKLCH
- oklch(0.504 0.194 258.9)
- OKLab
- oklab(0.504 -0.037 -0.191)
- CIE Lab
- lab(40.4 14.22 -67.46)
- LCH
- lch(40.4 68.94 281.9)
- CMYK
- cmyk(100% 56% 0% 18%)
ティント · シェード · トーン
ティント
- 296ED6
- 437FDC
- 5B90E2
- 72A0E7
- 89B0EC
- A0C0F1
- B8D0F5
- CFE0F9
- E7EFFC
シェード
- 004FB5
- 00429A
- 003680
- 002A67
- 001F4F
- 001439
- 000A23
- 000310
- 000002
トーン
- 1B62C9
- 2B66C1
- 386BBA
- 446FB2
- 4E73AB
- 5976A3
- 63799A
- 6D7B92
- 767E89
カラーハーモニー
補色 +180°
- 005CD0
Frosted Blueberries
- 845C00
≈ Soil of Avagddu
類似色 -30° +30°
- 005CD0
Frosted Blueberries
- 006E91
≈ Tropic Sea
- 6645C9
≈ Dragonlord Purple
トライアド +120° +240°
- 005CD0
Frosted Blueberries
- B91135
≈ Active Volcano
- 297800
≈ Botanical Beauty
スプリットコンプリメンタリー +150° +210°
- 005CD0
Frosted Blueberries
- 9F4700
≈ Oregon
- 6A6900
≈ Earthy Khaki Green
テトラード +90° +180° +270°
- 005CD0
Frosted Blueberries
- AD1B76
≈ Fabric of Love
- 845C00
≈ Soil of Avagddu
- 00765A
≈ Tropical Rainforest
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.10:1 · APCA Lc 80
Ag
Fail黒の上
WCAG 3.44:1 · APCA Lc 22
最適な文字色: #FFFFFF
WCAG 6.10:1 (AA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--frosted-blueberries: #005cd0;
--frosted-blueberries-rgb: 0 92 208;
--frosted-blueberries-oklch: oklch(0.504 0.194 258.9);
}
.element {
color: var(--frosted-blueberries);
background-color: hsl(213 100% 41%);
border-color: oklch(0.504 0.194 258.9);
}Tailwind CSS v4
@theme {
--color-frosted-blueberries: #005cd0;
--color-frosted-blueberries-50: #d6f7ff;
--color-frosted-blueberries-100: #c3e9ff;
--color-frosted-blueberries-200: #a5d5ff;
--color-frosted-blueberries-300: #7db6ff;
--color-frosted-blueberries-400: #519cff;
--color-frosted-blueberries-500: #247fff;
--color-frosted-blueberries-600: #216cdb;
--color-frosted-blueberries-700: #1a56b0;
--color-frosted-blueberries-800: #084083;
--color-frosted-blueberries-900: #052c5d;
--color-frosted-blueberries-950: #001840;
}SCSS
$frosted-blueberries: #005cd0;
$frosted-blueberries-rgb: 0, 92, 208;
$frosted-blueberries-light: mix(#fff, $frosted-blueberries, 20%);
$frosted-blueberries-dark: mix(#000, $frosted-blueberries, 20%);
.element {
color: $frosted-blueberries;
box-shadow: 0 0 0 2px rgba($frosted-blueberries, 0.35);
}