Cor nomeada mais próxima · #1EAAB8
#1EAAB8
Cor nomeada mais próxima: Glassmith
#1EAAB8 (rgb(30 170 184), hsl(185 72% 42%), oklch(0.676 0.11 205.7)) é mais próxima da cor nomeada Glassmith. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#1EAAB8
oklch(0.676 0.11 205.7)
Conversões de cor
- HEX
- #1eaab8
- RGB
- rgb(30 170 184)
- HSL
- hsl(185 72% 42%)
- HWB
- hwb(185 12% 28%)
- OKLCH
- oklch(0.676 0.11 205.7)
- OKLab
- oklab(0.676 -0.099 -0.048)
- CIE Lab
- lab(63.35 -32.38 -17.84)
- LCH
- lch(63.35 36.96 208.9)
- CMYK
- cmyk(84% 8% 0% 28%)
Tons claros · Sombras · Tons
Tons claros
- 45B3BF
- 60BBC6
- 77C4CD
- 8CCCD4
- A0D5DB
- B3DDE2
- C7E6EA
- DAEEF1
- ECF7F8
Sombras
- 1993A0
- 137D88
- 0E6871
- 09535B
- 053F45
- 032D31
- 011B1E
- 000B0C
- 000102
Tons
- 36A6B2
- 45A2AD
- 519EA7
- 5A9AA1
- 63969C
- 6A9196
- 708D91
- 76898B
- 7B8486
Harmonias de cor
Complementar +180°
- 1EAAB8
Glassmith
- D37B73
≈ Hearts Afire
Análoga -30° +30°
- 1EAAB8
Glassmith
- 37AD94
≈ Walk in the Woods
- 49A1D2
≈ Peaceful River
Tríade +120° +240°
- 1EAAB8
Glassmith
- BA7FBC
≈ Lavender Sweater
- B6923E
≈ Venetian Gold
Complementar dividida +150° +210°
- 1EAAB8
Glassmith
- CD799A
≈ Wild Rose
- CB8450
≈ Maple Syrup Brown
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.80:1 · APCA Lc 53
Ag
AAASobre preto
WCAG 7.49:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--glassmith: #1eaab8;
--glassmith-rgb: 30 170 184;
--glassmith-oklch: oklch(0.676 0.11 205.7);
}
.element {
color: var(--glassmith);
background-color: hsl(185 72% 42%);
border-color: oklch(0.676 0.11 205.7);
}Tailwind CSS v4
@theme {
--color-glassmith: #1eaab8;
--color-glassmith-50: #d2ffff;
--color-glassmith-100: #bef3fb;
--color-glassmith-200: #9be2ed;
--color-glassmith-300: #6dc7d5;
--color-glassmith-400: #38b1be;
--color-glassmith-500: #009aaa;
--color-glassmith-600: #00828f;
--color-glassmith-700: #006873;
--color-glassmith-800: #004d54;
--color-glassmith-900: #00363a;
--color-glassmith-950: #002024;
}SCSS
$glassmith: #1eaab8;
$glassmith-rgb: 30, 170, 184;
$glassmith-light: mix(#fff, $glassmith, 20%);
$glassmith-dark: mix(#000, $glassmith, 20%);
.element {
color: $glassmith;
box-shadow: 0 0 0 2px rgba($glassmith, 0.35);
}