Color con nombre · #3FAFCF
Summer Air
Summer Air es #3FAFCF: rgb(63 175 207), hsl(193 60% 53%), oklch(0.704 0.109 220.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Cyan mean? → · Summer Air color name →
#3FAFCF
oklch(0.704 0.109 220.6)
Conversiones de color
- HEX
- #3fafcf
- RGB
- rgb(63 175 207)
- HSL
- hsl(193 60% 53%)
- HWB
- hwb(193 25% 19%)
- OKLCH
- oklch(0.704 0.109 220.6)
- OKLab
- oklab(0.704 -0.083 -0.071)
- CIE Lab
- lab(66.23 -24.9 -26.09)
- LCH
- lch(66.23 36.07 226.3)
- CMYK
- cmyk(70% 15% 0% 19%)
Tintes · Sombras · Tonos
Tintes
- 59B7D4
- 6FBFD9
- 82C7DE
- 95CFE3
- A8D7E8
- B9DFEC
- CBE7F1
- DCEFF6
- EEF7FA
Sombras
- 3598B4
- 2C8199
- 236B7F
- 1B5667
- 12414F
- 0A2E38
- 041C23
- 010B10
- 000102
Tonos
- 4BAAC7
- 55A6BF
- 5DA1B7
- 649DAF
- 6A98A7
- 6F939F
- 748F97
- 798A90
- 7C8588
Armonías de color
Complementario +180°
- 3FAFCF
Summer Air
- D9886A
≈ King Salmon
Análogo -30° +30°
- 3FAFCF
Summer Air
- 34B5AF
≈ Verdigris
- 6AA4E1
≈ Windjammer
Triádico +120° +240°
- 3FAFCF
Summer Air
- CD84B4
≈ Ice Plant
- AFA14B
≈ Queen Palm
Complementario dividido +150° +210°
- 3FAFCF
Summer Air
- DA828F
≈ Shimmering Blush
- CB934E
≈ Apple Fritter
Tetrádico +90° +180° +270°
- 3FAFCF
Summer Air
- B58CD2
≈ Pale Purple
- D9886A
≈ King Salmon
- 88AE64
≈ Celuce
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.54:1 · APCA Lc 50
Ag
AAASobre negro
WCAG 8.24:1 · APCA Lc 52
Mejor color de texto: #000000
WCAG 8.24:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmentos de código
CSS
:root {
--summer-air: #3fafcf;
--summer-air-rgb: 63 175 207;
--summer-air-oklch: oklch(0.704 0.109 220.6);
}
.element {
color: var(--summer-air);
background-color: hsl(193 60% 53%);
border-color: oklch(0.704 0.109 220.6);
}Tailwind CSS v4
@theme {
--color-summer-air: #3fafcf;
--color-summer-air-50: #d4fdff;
--color-summer-air-100: #c1f1ff;
--color-summer-air-200: #a1dff6;
--color-summer-air-300: #75c4e0;
--color-summer-air-400: #46adcb;
--color-summer-air-500: #0096b8;
--color-summer-air-600: #007f9c;
--color-summer-air-700: #00657d;
--color-summer-air-800: #004b5c;
--color-summer-air-900: #003440;
--color-summer-air-950: #001f29;
}SCSS
$summer-air: #3fafcf;
$summer-air-rgb: 63, 175, 207;
$summer-air-light: mix(#fff, $summer-air, 20%);
$summer-air-dark: mix(#000, $summer-air, 20%);
.element {
color: $summer-air;
box-shadow: 0 0 0 2px rgba($summer-air, 0.35);
}