Cor nomeada mais próxima · #005C5B
#005C5B
Cor nomeada mais próxima: Mosque
#005C5B (rgb(0 92 91), hsl(179 100% 18%), oklch(0.429 0.073 193.5)) é mais próxima da cor nomeada Mosque. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#005C5B
oklch(0.429 0.073 193.5)
Conversões de cor
- HEX
- #005c5b
- RGB
- rgb(0 92 91)
- HSL
- hsl(179 100% 18%)
- HWB
- hwb(179 0% 64%)
- OKLCH
- oklch(0.429 0.073 193.5)
- OKLab
- oklab(0.429 -0.071 -0.017)
- CIE Lab
- lab(34.61 -24.32 -6.53)
- LCH
- lch(34.61 25.18 195)
- CMYK
- cmyk(100% 0% 1% 64%)
Tons claros · Sombras · Tons
Tons claros
- 296B6A
- 437B79
- 5B8A89
- 729A99
- 89ABA9
- A0BBBA
- B7CCCB
- CFDDDC
- E7EEED
Sombras
- 004F4E
- 004241
- 003635
- 002A29
- 001F1E
- 001413
- 000A09
- 000303
- 000000
Tons
- 1C605F
- 2B6362
- 386766
- 446B6A
- 4F6E6D
- 597271
- 637575
- 6D7978
- 767D7C
Harmonias de cor
Complementar +180°
- 005C5B
Mosque
- 723E44
≈ Tosca
Análoga -30° +30°
- 005C5B
Mosque
- 215C44
≈ Greenbriar
- 12586D
≈ Corsair
Tríade +120° +240°
- 005C5B
Mosque
- 5E436C
≈ Royal Rajah
- 68491C
≈ Antique Brass
Complementar dividida +150° +210°
- 005C5B
Mosque
- 6C3F5A
≈ Royal Lines
- 71412D
≈ Heartwood
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.83:1 · APCA Lc 87
Ag
FailSobre preto
WCAG 2.68:1 · APCA Lc 15
Melhor cor de texto: #FFFFFF
WCAG 7.83:1 (AAA) · APCA Lc 87
Contrast pairs
Trechos de código
CSS
:root {
--mosque: #005c5b;
--mosque-rgb: 0 92 91;
--mosque-oklch: oklch(0.429 0.073 193.5);
}
.element {
color: var(--mosque);
background-color: hsl(179 100% 18%);
border-color: oklch(0.429 0.073 193.5);
}Tailwind CSS v4
@theme {
--color-mosque: #005c5b;
--color-mosque-50: #defcfc;
--color-mosque-100: #cdf0f0;
--color-mosque-200: #b1dfde;
--color-mosque-300: #8bc4c3;
--color-mosque-400: #68acab;
--color-mosque-500: #429694;
--color-mosque-600: #397e7d;
--color-mosque-700: #2d6564;
--color-mosque-800: #204a49;
--color-mosque-900: #153432;
--color-mosque-950: #061f1e;
}SCSS
$mosque: #005c5b;
$mosque-rgb: 0, 92, 91;
$mosque-light: mix(#fff, $mosque, 20%);
$mosque-dark: mix(#000, $mosque, 20%);
.element {
color: $mosque;
box-shadow: 0 0 0 2px rgba($mosque, 0.35);
}