Nazwany kolor · #46B5C0
Glassmith
Glassmith to #46B5C0: rgb(70 181 192), hsl(185 49% 51%), oklch(0.715 0.1 204.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Glassmith color name →
#46B5C0
oklch(0.715 0.1 204.4)
Konwersje koloru
- HEX
- #46b5c0
- RGB
- rgb(70 181 192)
- HSL
- hsl(185 49% 51%)
- HWB
- hwb(185 27% 25%)
- OKLCH
- oklch(0.715 0.1 204.4)
- OKLab
- oklab(0.715 -0.091 -0.041)
- CIE Lab
- lab(67.79 -30.02 -15.5)
- LCH
- lch(67.79 33.78 207.3)
- CMYK
- cmyk(64% 6% 0% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5EBDC6
- 73C4CD
- 86CBD3
- 99D3D9
- AADADF
- BCE2E6
- CDE9EC
- DEF0F2
- EEF8F9
Odcienie ciemniejsze
- 3C9DA7
- 32868E
- 286F76
- 1E595F
- 154449
- 0D3034
- 051D20
- 020C0E
- 000202
Tony
- 51B0B9
- 59ABB3
- 61A5AC
- 67A0A6
- 6D9BA0
- 729599
- 769093
- 7A8B8D
- 7D8586
Harmonie kolorów
Komplementarna +180°
- 46B5C0
Glassmith
- DB8A84
≈ Lobster Bisque
Analogowa -30° +30°
- 46B5C0
Glassmith
- 55B79F
≈ Keppel
- 5EADD8
≈ Salem Blue
Triada +120° +240°
- 46B5C0
Glassmith
- C28DC6
≈ Violaceous
- C09E55
≈ Steampunk Gold
Komplementarna rozszczepiona +150° +210°
- 46B5C0
Glassmith
- D488A7
≈ Kiss
- D49265
≈ Pumpkin Patch
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.43:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.63:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.63:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
CSS
:root {
--glassmith: #46b5c0;
--glassmith-rgb: 70 181 192;
--glassmith-oklch: oklch(0.715 0.1 204.4);
}
.element {
color: var(--glassmith);
background-color: hsl(185 49% 51%);
border-color: oklch(0.715 0.1 204.4);
}Tailwind CSS v4
@theme {
--color-glassmith: #46b5c0;
--color-glassmith-50: #d5feff;
--color-glassmith-100: #c2f2f9;
--color-glassmith-200: #a1e1ea;
--color-glassmith-300: #76c6d1;
--color-glassmith-400: #48b0ba;
--color-glassmith-500: #0099a5;
--color-glassmith-600: #00818b;
--color-glassmith-700: #006770;
--color-glassmith-800: #004c51;
--color-glassmith-900: #023539;
--color-glassmith-950: #002023;
}SCSS
$glassmith: #46b5c0;
$glassmith-rgb: 70, 181, 192;
$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);
}