Color con nombre más cercano · #34A7CA
#34A7CA
Color con nombre más cercano: Laguna
#34A7CA (rgb(52 167 202), hsl(194 59% 50%), oklch(0.68 0.111 222.7)) se parece más al color con nombre Laguna. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#34A7CA
oklch(0.68 0.111 222.7)
Conversiones de color
- HEX
- #34a7ca
- RGB
- rgb(52 167 202)
- HSL
- hsl(194 59% 50%)
- HWB
- hwb(194 20% 21%)
- OKLCH
- oklch(0.68 0.111 222.7)
- OKLab
- oklab(0.68 -0.082 -0.076)
- CIE Lab
- lab(63.38 -24.06 -27.71)
- LCH
- lch(63.38 36.7 229)
- CMYK
- cmyk(74% 17% 0% 21%)
Tintes · Sombras · Tonos
Tintes
- 51B0D0
- 68B9D5
- 7DC2DA
- 90CBE0
- A3D3E5
- B6DCEA
- C8E5F0
- DBEEF5
- EDF6FA
Sombras
- 2C91AF
- 247B95
- 1C667C
- 155264
- 0E3E4D
- 072C37
- 031A22
- 010A0F
- 000102
Tonos
- 43A3C3
- 4EA0BB
- 579CB4
- 5F98AC
- 6694A5
- 6C909E
- 728C96
- 77888F
- 7C8487
Armonías de color
Complementario +180°
- 34A7CA
Laguna
- D2805F
≈ Burning Sand
Análogo -30° +30°
- 34A7CA
Laguna
- 1EAEAB
≈ Tropical Tree
- 649CDB
≈ Blue Bay
Triádico +120° +240°
- 34A7CA
Laguna
- C87CAB
≈ Strawberry Freeze
- A59B41
≈ Prickly Pear
Complementario dividido +150° +210°
- 34A7CA
Laguna
- D37A85
≈ I Pink I Can
- C28D43
≈ Garden Ochre
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.79:1 · APCA Lc 53
Ag
AAASobre negro
WCAG 7.52:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--laguna: #34a7ca;
--laguna-rgb: 52 167 202;
--laguna-oklch: oklch(0.68 0.111 222.7);
}
.element {
color: var(--laguna);
background-color: hsl(194 59% 50%);
border-color: oklch(0.68 0.111 222.7);
}Tailwind CSS v4
@theme {
--color-laguna: #34a7ca;
--color-laguna-50: #d4fdff;
--color-laguna-100: #c1f1ff;
--color-laguna-200: #a0dff8;
--color-laguna-300: #75c4e2;
--color-laguna-400: #45adce;
--color-laguna-500: #0095bb;
--color-laguna-600: #007e9e;
--color-laguna-700: #00657f;
--color-laguna-800: #004b5d;
--color-laguna-900: #003441;
--color-laguna-950: #001f2a;
}SCSS
$laguna: #34a7ca;
$laguna-rgb: 52, 167, 202;
$laguna-light: mix(#fff, $laguna, 20%);
$laguna-dark: mix(#000, $laguna, 20%);
.element {
color: $laguna;
box-shadow: 0 0 0 2px rgba($laguna, 0.35);
}