Nazwany kolor · #92C6D7
Blue Glint
Blue Glint to #92C6D7: rgb(146 198 215), hsl(195 46% 71%), oklch(0.796 0.059 220.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Blue Glint color name →
#92C6D7
oklch(0.796 0.059 220.1)
Konwersje koloru
- HEX
- #92c6d7
- RGB
- rgb(146 198 215)
- HSL
- hsl(195 46% 71%)
- HWB
- hwb(195 57% 16%)
- OKLCH
- oklch(0.796 0.059 220.1)
- OKLab
- oklab(0.796 -0.045 -0.038)
- CIE Lab
- lab(76.68 -14.52 -14.29)
- LCH
- lch(76.68 20.37 224.5)
- CMYK
- cmyk(32% 8% 0% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9DCCDB
- A8D1DF
- B3D7E3
- BEDDE7
- C9E2EB
- D4E8EF
- DFEEF3
- E9F4F7
- F4F9FB
Odcienie ciemniejsze
- 7EACBB
- 6B929F
- 587A85
- 46626B
- 354B52
- 25353B
- 162125
- 080E11
- 010202
Tony
- 91BFCE
- 8FB8C5
- 8EB1BC
- 8CAAB3
- 8AA3AB
- 889CA2
- 869599
- 848E91
- 828788
Harmonie kolorów
Komplementarna +180°
- 92C6D7
Blue Glint
- DFB0A0
≈ Angel Breath
Analogowa -30° +30°
- 92C6D7
Blue Glint
- 90C9C5
≈ Jamaica Bay
- A0C0E2
≈ Blair
Triada +120° +240°
- 92C6D7
Blue Glint
- D7AEC8
≈ Pink Lavender
- C5BE92
≈ Candidate
Komplementarna rozszczepiona +150° +210°
- 92C6D7
Blue Glint
- DFADB4
≈ Grim Pink
- D6B694
≈ Crushed Nutmeg
Tetrada +90° +180° +270°
- 92C6D7
Blue Glint
- C8B2D9
≈ Sea Lavender
- DFB0A0
≈ Angel Breath
- B0C59D
≈ Sheer Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.86:1 · APCA Lc 35
Ag
AAANa czerni
WCAG 11.28:1 · APCA Lc 67
Najlepszy kolor tekstu: #000000
WCAG 11.28:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmenty kodu
CSS
:root {
--blue-glint: #92c6d7;
--blue-glint-rgb: 146 198 215;
--blue-glint-oklch: oklch(0.796 0.059 220.1);
}
.element {
color: var(--blue-glint);
background-color: hsl(195 46% 71%);
border-color: oklch(0.796 0.059 220.1);
}Tailwind CSS v4
@theme {
--color-blue-glint: #92c6d7;
--color-blue-glint-50: #e4f9ff;
--color-blue-glint-100: #d4edf6;
--color-blue-glint-200: #badbe7;
--color-blue-glint-300: #97bfcd;
--color-blue-glint-400: #77a7b7;
--color-blue-glint-500: #5790a1;
--color-blue-glint-600: #4a7a88;
--color-blue-glint-700: #3b616d;
--color-blue-glint-800: #2a4750;
--color-blue-glint-900: #1c3238;
--color-blue-glint-950: #0c1d22;
}SCSS
$blue-glint: #92c6d7;
$blue-glint-rgb: 146, 198, 215;
$blue-glint-light: mix(#fff, $blue-glint, 20%);
$blue-glint-dark: mix(#000, $blue-glint, 20%);
.element {
color: $blue-glint;
box-shadow: 0 0 0 2px rgba($blue-glint, 0.35);
}