Nazwany kolor · #4FB9CE
Glimpse
Glimpse to #4FB9CE: rgb(79 185 206), hsl(190 56% 56%), oklch(0.732 0.101 212.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Glimpse color name →
#4FB9CE
oklch(0.732 0.101 212.8)
Konwersje koloru
- HEX
- #4fb9ce
- RGB
- rgb(79 185 206)
- HSL
- hsl(190 56% 56%)
- HWB
- hwb(190 31% 19%)
- OKLCH
- oklch(0.732 0.101 212.8)
- OKLab
- oklab(0.732 -0.085 -0.055)
- CIE Lab
- lab(69.65 -26.95 -20.31)
- LCH
- lch(69.65 33.75 217)
- CMYK
- cmyk(62% 10% 0% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 65C0D3
- 79C7D8
- 8BCEDD
- 9DD5E2
- AEDCE7
- BEE3EC
- CFEAF1
- DFF1F5
- EFF8FA
Odcienie ciemniejsze
- 44A0B3
- 388998
- 2E717F
- 235B66
- 19464E
- 103138
- 071E23
- 020D0F
- 000202
Tony
- 58B3C6
- 5FAEBE
- 66A8B6
- 6BA2AE
- 709DA7
- 74979F
- 789197
- 7B8C8F
- 7E8688
Harmonie kolorów
Komplementarna +180°
- 4FB9CE
Glimpse
- E0917F
≈ Nude Flamingo
Analogowa -30° +30°
- 4FB9CE
Glimpse
- 53BDAE
≈ Emerald Bliss
- 6DB0E3
≈ Sanctuary Spa
Triada +120° +240°
- 4FB9CE
Glimpse
- CF91C4
≈ Carnation Rose
- BEA75A
≈ Yellow Maize
Komplementarna rozszczepiona +150° +210°
- 4FB9CE
Glimpse
- DE8DA2
≈ Reflecting Rose
- D69A63
≈ Bakelite Gold
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.29:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.16:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.16:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--glimpse: #4fb9ce;
--glimpse-rgb: 79 185 206;
--glimpse-oklch: oklch(0.732 0.101 212.8);
}
.element {
color: var(--glimpse);
background-color: hsl(190 56% 56%);
border-color: oklch(0.732 0.101 212.8);
}Tailwind CSS v4
@theme {
--color-glimpse: #4fb9ce;
--color-glimpse-50: #d6fdff;
--color-glimpse-100: #c3f1fd;
--color-glimpse-200: #a3e0ef;
--color-glimpse-300: #78c5d8;
--color-glimpse-400: #4baec2;
--color-glimpse-500: #0097ae;
--color-glimpse-600: #028093;
--color-glimpse-700: #066676;
--color-glimpse-800: #014b56;
--color-glimpse-900: #03343c;
--color-glimpse-950: #002026;
}SCSS
$glimpse: #4fb9ce;
$glimpse-rgb: 79, 185, 206;
$glimpse-light: mix(#fff, $glimpse, 20%);
$glimpse-dark: mix(#000, $glimpse, 20%);
.element {
color: $glimpse;
box-shadow: 0 0 0 2px rgba($glimpse, 0.35);
}