Cor nomeada mais próxima · #006FD8
#006FD8
Cor nomeada mais próxima: Matt Blue
#006FD8 (rgb(0 111 216), hsl(209 100% 42%), oklch(0.55 0.182 255.1)) é mais próxima da cor nomeada Matt Blue. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#006FD8
oklch(0.55 0.182 255.1)
Conversões de cor
- HEX
- #006fd8
- RGB
- rgb(0 111 216)
- HSL
- hsl(209 100% 42%)
- HWB
- hwb(209 0% 15%)
- OKLCH
- oklch(0.55 0.182 255.1)
- OKLab
- oklab(0.55 -0.047 -0.176)
- CIE Lab
- lab(46.39 5.53 -62.33)
- LCH
- lch(46.39 62.57 275.1)
- CMYK
- cmyk(100% 49% 0% 15%)
Tons claros · Sombras · Tons
Tons claros
- 2E7EDD
- 498EE2
- 619CE7
- 78ABEB
- 8FB9EF
- A5C7F3
- BBD5F7
- D2E3FA
- E8F1FD
Sombras
- 0060BC
- 0051A0
- 004285
- 00346B
- 002753
- 001A3B
- 000E25
- 000411
- 000102
Tons
- 2072D0
- 3075C7
- 3D77BF
- 4979B6
- 537BAE
- 5D7CA5
- 667E9C
- 6F7F93
- 787F8A
Harmonias de cor
Complementar +180°
- 006FD8
Matt Blue
- 996600
≈ Gamboge Brown
Análoga -30° +30°
- 006FD8
Matt Blue
- 007E9F
≈ Turkish Tile
- 6B5AD5
≈ Astro Purple
Tríade +120° +240°
- 006FD8
Matt Blue
- C5324E
≈ Dingy Dungeon
- 438500
≈ Mughal Green
Complementar dividida +150° +210°
- 006FD8
Matt Blue
- B84B00
≈ Beef Bourguignon
- 7C7500
≈ Medusa’s Snakes
Tétrade +90° +180° +270°
- 006FD8
Matt Blue
- B63889
≈ Fandango
- 996600
≈ Gamboge Brown
- 008661
≈ Spectral Green
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.92:1 · APCA Lc 73
Ag
FailSobre preto
WCAG 4.26:1 · APCA Lc 28
Melhor cor de texto: #FFFFFF
WCAG 4.92:1 (AA) · APCA Lc 73
Contrast pairs
Trechos de código
CSS
:root {
--matt-blue: #006fd8;
--matt-blue-rgb: 0 111 216;
--matt-blue-oklch: oklch(0.55 0.182 255.1);
}
.element {
color: var(--matt-blue);
background-color: hsl(209 100% 42%);
border-color: oklch(0.55 0.182 255.1);
}Tailwind CSS v4
@theme {
--color-matt-blue: #006fd8;
--color-matt-blue-50: #d5f8ff;
--color-matt-blue-100: #c2ebff;
--color-matt-blue-200: #a2d7ff;
--color-matt-blue-300: #79b9ff;
--color-matt-blue-400: #4b9fff;
--color-matt-blue-500: #0d83fa;
--color-matt-blue-600: #1270d3;
--color-matt-blue-700: #0f59aa;
--color-matt-blue-800: #00427f;
--color-matt-blue-900: #012e59;
--color-matt-blue-950: #001a3d;
}SCSS
$matt-blue: #006fd8;
$matt-blue-rgb: 0, 111, 216;
$matt-blue-light: mix(#fff, $matt-blue, 20%);
$matt-blue-dark: mix(#000, $matt-blue, 20%);
.element {
color: $matt-blue;
box-shadow: 0 0 0 2px rgba($matt-blue, 0.35);
}