Couleur nommée la plus proche · #005CD0
#005CD0
Couleur nommée la plus proche: Frosted Blueberries
#005CD0 (rgb(0 92 208), hsl(213 100% 41%), oklch(0.504 0.194 258.9)) est la plus proche de la couleur nommée Frosted Blueberries. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#005CD0
oklch(0.504 0.194 258.9)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 296ED6
- 437FDC
- 5B90E2
- 72A0E7
- 89B0EC
- A0C0F1
- B8D0F5
- CFE0F9
- E7EFFC
Ombres
- 004FB5
- 00429A
- 003680
- 002A67
- 001F4F
- 001439
- 000A23
- 000310
- 000002
Tons
- 1B62C9
- 2B66C1
- 386BBA
- 446FB2
- 4E73AB
- 5976A3
- 63799A
- 6D7B92
- 767E89
Harmonies de couleurs
Complémentaire +180°
- 005CD0
Frosted Blueberries
- 845C00
≈ Soil of Avagddu
Analogue -30° +30°
- 005CD0
Frosted Blueberries
- 006E91
≈ Tropic Sea
- 6645C9
≈ Dragonlord Purple
Triadique +120° +240°
- 005CD0
Frosted Blueberries
- B91135
≈ Active Volcano
- 297800
≈ Botanical Beauty
Complémentaire divisée +150° +210°
- 005CD0
Frosted Blueberries
- 9F4700
≈ Oregon
- 6A6900
≈ Earthy Khaki Green
Tétradique +90° +180° +270°
- 005CD0
Frosted Blueberries
- AD1B76
≈ Fabric of Love
- 845C00
≈ Soil of Avagddu
- 00765A
≈ Tropical Rainforest
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.10:1 · APCA Lc 80
Ag
FailSur noir
WCAG 3.44:1 · APCA Lc 22
Meilleure couleur de texte: #FFFFFF
WCAG 6.10:1 (AA) · APCA Lc 80
Contrast pairs
Extraits de code
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);
}