Cor nomeada mais próxima · #79BFCD
#79BFCD
Cor nomeada mais próxima: Wavelet
#79BFCD (rgb(121 191 205), hsl(190 46% 64%), oklch(0.763 0.073 211.7)) é mais próxima da cor nomeada Wavelet. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#79BFCD
oklch(0.763 0.073 211.7)
Conversões de cor
- HEX
- #79bfcd
- RGB
- rgb(121 191 205)
- HSL
- hsl(190 46% 64%)
- HWB
- hwb(190 47% 20%)
- OKLCH
- oklch(0.763 0.073 211.7)
- OKLab
- oklab(0.763 -0.062 -0.038)
- CIE Lab
- lab(73.09 -20.23 -14.41)
- LCH
- lch(73.09 24.84 215.5)
- CMYK
- cmyk(41% 7% 0% 20%)
Tons claros · Sombras · Tons
Tons claros
- 87C5D2
- 95CCD7
- A3D2DC
- B0D9E1
- BEDFE6
- CBE5EB
- D8ECF0
- E5F2F5
- F2F9FA
Sombras
- 68A6B2
- 588D98
- 48757E
- 395E66
- 2B484E
- 1D3338
- 101F23
- 050D0F
- 010202
Tons
- 7BB9C5
- 7CB2BD
- 7EACB5
- 7FA6AE
- 7F9FA6
- 80999E
- 809397
- 808C8F
- 808687
Harmonias de cor
Complementar +180°
- 79BFCD
Wavelet
- DDA195
≈ Quiet Pink
Análoga -30° +30°
- 79BFCD
Wavelet
- 7CC2B5
≈ Pale Jade
- 89B8DD
≈ Goluboy Blue
Tríade +120° +240°
- 79BFCD
Wavelet
- CEA1C7
≈ Geranium Bud
- C3B17C
≈ Fresh Peas
Complementar dividida +150° +210°
- 79BFCD
Wavelet
- DA9FAF
≈ Faded Pink
- D5A882
≈ Maple Tan
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.06:1 · APCA Lc 40
Ag
AAASobre preto
WCAG 10.14:1 · APCA Lc 62
Melhor cor de texto: #000000
WCAG 10.14:1 (AAA) · APCA Lc 62
Contrast pairs
Trechos de código
CSS
:root {
--wavelet: #79bfcd;
--wavelet-rgb: 121 191 205;
--wavelet-oklch: oklch(0.763 0.073 211.7);
}
.element {
color: var(--wavelet);
background-color: hsl(190 46% 64%);
border-color: oklch(0.763 0.073 211.7);
}Tailwind CSS v4
@theme {
--color-wavelet: #79bfcd;
--color-wavelet-50: #dffbff;
--color-wavelet-100: #cdeff7;
--color-wavelet-200: #b1dde7;
--color-wavelet-300: #8cc2ce;
--color-wavelet-400: #69aab7;
--color-wavelet-500: #4493a2;
--color-wavelet-600: #3a7c89;
--color-wavelet-700: #2f646e;
--color-wavelet-800: #204950;
--color-wavelet-900: #153338;
--color-wavelet-950: #061e22;
}SCSS
$wavelet: #79bfcd;
$wavelet-rgb: 121, 191, 205;
$wavelet-light: mix(#fff, $wavelet, 20%);
$wavelet-dark: mix(#000, $wavelet, 20%);
.element {
color: $wavelet;
box-shadow: 0 0 0 2px rgba($wavelet, 0.35);
}