Cor nomeada · #5DB3D4
Flyway
Flyway é #5DB3D4: rgb(93 179 212), hsl(197 58% 60%), oklch(0.726 0.096 225.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Flyway color name →
#5DB3D4
oklch(0.726 0.096 225.5)
Conversões de cor
- HEX
- #5db3d4
- RGB
- rgb(93 179 212)
- HSL
- hsl(197 58% 60%)
- HWB
- hwb(197 36% 17%)
- OKLCH
- oklch(0.726 0.096 225.5)
- OKLab
- oklab(0.726 -0.067 -0.068)
- CIE Lab
- lab(68.56 -19.95 -25.17)
- LCH
- lch(68.56 32.11 231.6)
- CMYK
- cmyk(56% 16% 0% 17%)
Tons claros · Sombras · Tons
Tons claros
- 6FBBD9
- 81C2DD
- 91CAE1
- A2D2E6
- B1D9EA
- C1E1EE
- D1E8F3
- E0F0F7
- F0F7FB
Sombras
- 509BB8
- 43849D
- 376E83
- 2A5869
- 1F4351
- 142F3A
- 0A1D24
- 030C10
- 000102
Tons
- 63AECB
- 68A9C3
- 6CA4BA
- 709FB2
- 749AAA
- 7795A1
- 7A8F99
- 7C8A91
- 7E8588
Harmonias de cor
Complementar +180°
- 5DB3D4
Flyway
- D99373
≈ Buffed Copper
Análoga -30° +30°
- 5DB3D4
Flyway
- 51B9B9
≈ Lagoon Rock
- 7EA9E2
≈ Jordy Blue
Tríade +120° +240°
- 5DB3D4
Flyway
- D28EB4
≈ Moonlit Mauve
- AFAA61
≈ Organic Garden
Complementar dividida +150° +210°
- 5DB3D4
Flyway
- DC8D92
≈ Ruddy Pink
- C99E5F
≈ Ole Yeller
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.36:1 · APCA Lc 47
Ag
AAASobre preto
WCAG 8.86:1 · APCA Lc 56
Melhor cor de texto: #000000
WCAG 8.86:1 (AAA) · APCA Lc 56
Contrast pairs
Trechos de código
CSS
:root {
--flyway: #5db3d4;
--flyway-rgb: 93 179 212;
--flyway-oklch: oklch(0.726 0.096 225.5);
}
.element {
color: var(--flyway);
background-color: hsl(197 58% 60%);
border-color: oklch(0.726 0.096 225.5);
}Tailwind CSS v4
@theme {
--color-flyway: #5db3d4;
--color-flyway-50: #dafbff;
--color-flyway-100: #c8efff;
--color-flyway-200: #aaddf5;
--color-flyway-300: #82c2de;
--color-flyway-400: #5aaac9;
--color-flyway-500: #2a93b6;
--color-flyway-600: #277c9a;
--color-flyway-700: #1f637b;
--color-flyway-800: #13495b;
--color-flyway-900: #0c333f;
--color-flyway-950: #001e28;
}SCSS
$flyway: #5db3d4;
$flyway-rgb: 93, 179, 212;
$flyway-light: mix(#fff, $flyway, 20%);
$flyway-dark: mix(#000, $flyway, 20%);
.element {
color: $flyway;
box-shadow: 0 0 0 2px rgba($flyway, 0.35);
}