Color con nombre más cercano · #74C6CE
#74C6CE
Color con nombre más cercano: Wavelet
#74C6CE (rgb(116 198 206), hsl(185 48% 63%), oklch(0.777 0.081 203.7)) se parece más al color con nombre Wavelet. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#74C6CE
oklch(0.777 0.081 203.7)
Conversiones de color
- HEX
- #74c6ce
- RGB
- rgb(116 198 206)
- HSL
- hsl(185 48% 63%)
- HWB
- hwb(185 45% 19%)
- OKLCH
- oklch(0.777 0.081 203.7)
- OKLab
- oklab(0.777 -0.074 -0.033)
- CIE Lab
- lab(74.89 -24.58 -12.3)
- LCH
- lch(74.89 27.49 206.6)
- CMYK
- cmyk(44% 4% 0% 19%)
Tintes · Sombras · Tonos
Tintes
- 83CCD3
- 92D2D8
- A1D7DD
- AFDDE2
- BCE3E6
- CAE8EB
- D7EEF0
- E5F4F5
- F2F9FA
Sombras
- 64ACB3
- 549298
- 457A7F
- 376266
- 294B4E
- 1B3538
- 0F2123
- 050E0F
- 010202
Tonos
- 77BFC6
- 79B8BE
- 7BB1B6
- 7DAAAE
- 7EA3A6
- 7F9C9F
- 809597
- 808E8F
- 808788
Armonías de color
Complementario +180°
- 74C6CE
Wavelet
- E6A39E
≈ Spring Linen
Análogo -30° +30°
- 74C6CE
Wavelet
- 7DC8B2
≈ Meridian Star
- 81C0E2
≈ Horizon Haze
Triádico +120° +240°
- 74C6CE
Wavelet
- D1A5D4
≈ Favourite Lavender
- CFB37A
≈ Aged Seagrass
Complementario dividido +150° +210°
- 74C6CE
Wavelet
- E0A1BA
≈ Pink Gin
- E0A986
≈ Tumbleweed
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.96:1 · APCA Lc 38
Ag
AAASobre negro
WCAG 10.71:1 · APCA Lc 65
Mejor color de texto: #000000
WCAG 10.71:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmentos de código
CSS
:root {
--wavelet: #74c6ce;
--wavelet-rgb: 116 198 206;
--wavelet-oklch: oklch(0.777 0.081 203.7);
}
.element {
color: var(--wavelet);
background-color: hsl(185 48% 63%);
border-color: oklch(0.777 0.081 203.7);
}Tailwind CSS v4
@theme {
--color-wavelet: #74c6ce;
--color-wavelet-50: #dcfcff;
--color-wavelet-100: #caf0f5;
--color-wavelet-200: #acdfe5;
--color-wavelet-300: #85c4cc;
--color-wavelet-400: #60adb4;
--color-wavelet-500: #35969e;
--color-wavelet-600: #2f7f86;
--color-wavelet-700: #25656b;
--color-wavelet-800: #194b4e;
--color-wavelet-900: #103436;
--color-wavelet-950: #031f21;
}SCSS
$wavelet: #74c6ce;
$wavelet-rgb: 116, 198, 206;
$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);
}