Cor nomeada mais próxima · #006689
#006689
Cor nomeada mais próxima: Harem Silk
#006689 (rgb(0 102 137), hsl(195 100% 27%), oklch(0.478 0.096 230.7)) é mais próxima da cor nomeada Harem Silk. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#006689
oklch(0.478 0.096 230.7)
Conversões de cor
- HEX
- #006689
- RGB
- rgb(0 102 137)
- HSL
- hsl(195 100% 27%)
- HWB
- hwb(195 0% 46%)
- OKLCH
- oklch(0.478 0.096 230.7)
- OKLab
- oklab(0.478 -0.061 -0.074)
- CIE Lab
- lab(39.65 -15.65 -26.97)
- LCH
- lch(39.65 31.18 239.9)
- CMYK
- cmyk(100% 26% 0% 46%)
Tons claros · Sombras · Tons
Tons claros
- 2C7595
- 4784A0
- 5F92AC
- 76A2B8
- 8CB1C4
- A3C0CF
- BAD0DB
- D0DFE7
- E8EFF3
Sombras
- 005876
- 004A64
- 003C53
- 002F42
- 002331
- 001722
- 000C14
- 000407
- 000001
Tons
- 1E6988
- 2E6C88
- 3B6F87
- 477186
- 517485
- 5B7685
- 657984
- 6E7B82
- 777E81
Harmonias de cor
Complementar +180°
- 006689
Harem Silk
- 874B26
≈ Chestnut Glaze
Análoga -30° +30°
- 006689
Harem Silk
- 006A70
≈ Deep Lake
- 3D5C93
≈ Lambent Lagoon
Tríade +120° +240°
- 006689
Harem Silk
- 854564
≈ Grand Poobah
- 606214
≈ Kirchner Green
Complementar dividida +150° +210°
- 006689
Harem Silk
- 8B4545
≈ Forbidden Red
- 795607
≈ Autumn Leaf Brown
Tétrade +90° +180° +270°
- 006689
Harem Silk
- 754A7E
≈ Lilac Violet
- 874B26
≈ Chestnut Glaze
- 3D6A35
≈ Tree Shade
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.43:1 · APCA Lc 81
Ag
FailSobre preto
WCAG 3.26:1 · APCA Lc 20
Melhor cor de texto: #FFFFFF
WCAG 6.43:1 (AA) · APCA Lc 81
Contrast pairs
Trechos de código
CSS
:root {
--harem-silk: #006689;
--harem-silk-rgb: 0 102 137;
--harem-silk-oklch: oklch(0.478 0.096 230.7);
}
.element {
color: var(--harem-silk);
background-color: hsl(195 100% 27%);
border-color: oklch(0.478 0.096 230.7);
}Tailwind CSS v4
@theme {
--color-harem-silk: #006689;
--color-harem-silk-50: #dbfbff;
--color-harem-silk-100: #c9eeff;
--color-harem-silk-200: #acdcf7;
--color-harem-silk-300: #85c0e1;
--color-harem-silk-400: #5ea9cd;
--color-harem-silk-500: #3391ba;
--color-harem-silk-600: #2d7b9d;
--color-harem-silk-700: #24627e;
--color-harem-silk-800: #16485d;
--color-harem-silk-900: #0e3241;
--color-harem-silk-950: #021e2a;
}SCSS
$harem-silk: #006689;
$harem-silk-rgb: 0, 102, 137;
$harem-silk-light: mix(#fff, $harem-silk, 20%);
$harem-silk-dark: mix(#000, $harem-silk, 20%);
.element {
color: $harem-silk;
box-shadow: 0 0 0 2px rgba($harem-silk, 0.35);
}