Cor nomeada mais próxima · #005CD0
#005CD0
Cor nomeada mais próxima: Frosted Blueberries
#005CD0 (rgb(0 92 208), hsl(213 100% 41%), oklch(0.504 0.194 258.9)) é mais próxima da cor nomeada Frosted Blueberries. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#005CD0
oklch(0.504 0.194 258.9)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 296ED6
- 437FDC
- 5B90E2
- 72A0E7
- 89B0EC
- A0C0F1
- B8D0F5
- CFE0F9
- E7EFFC
Sombras
- 004FB5
- 00429A
- 003680
- 002A67
- 001F4F
- 001439
- 000A23
- 000310
- 000002
Tons
- 1B62C9
- 2B66C1
- 386BBA
- 446FB2
- 4E73AB
- 5976A3
- 63799A
- 6D7B92
- 767E89
Harmonias de cor
Complementar +180°
- 005CD0
Frosted Blueberries
- 845C00
≈ Soil of Avagddu
Análoga -30° +30°
- 005CD0
Frosted Blueberries
- 006E91
≈ Tropic Sea
- 6645C9
≈ Dragonlord Purple
Tríade +120° +240°
- 005CD0
Frosted Blueberries
- B91135
≈ Active Volcano
- 297800
≈ Botanical Beauty
Complementar dividida +150° +210°
- 005CD0
Frosted Blueberries
- 9F4700
≈ Oregon
- 6A6900
≈ Earthy Khaki Green
Tétrade +90° +180° +270°
- 005CD0
Frosted Blueberries
- AD1B76
≈ Fabric of Love
- 845C00
≈ Soil of Avagddu
- 00765A
≈ Tropical Rainforest
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.10:1 · APCA Lc 80
Ag
FailSobre preto
WCAG 3.44:1 · APCA Lc 22
Melhor cor de texto: #FFFFFF
WCAG 6.10:1 (AA) · APCA Lc 80
Contrast pairs
Trechos de código
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);
}