Nazwany kolor · #56B5CA
Fountain
Fountain to #56B5CA: rgb(86 181 202), hsl(191 52% 56%), oklch(0.724 0.094 214.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Fountain color name →
#56B5CA
oklch(0.724 0.094 214.3)
Konwersje koloru
- HEX
- #56b5ca
- RGB
- rgb(86 181 202)
- HSL
- hsl(191 52% 56%)
- HWB
- hwb(191 34% 21%)
- OKLCH
- oklch(0.724 0.094 214.3)
- OKLab
- oklab(0.724 -0.078 -0.053)
- CIE Lab
- lab(68.59 -24.66 -19.7)
- LCH
- lch(68.59 31.57 218.6)
- CMYK
- cmyk(57% 10% 0% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6ABCCF
- 7DC4D5
- 8ECBDA
- 9FD3DF
- AFDAE5
- BFE2EA
- CFE9EF
- DFF0F5
- EFF8FA
Odcienie ciemniejsze
- 4A9DAF
- 3E8695
- 326F7C
- 275964
- 1C444D
- 123037
- 081D22
- 020C0F
- 000202
Tony
- 5DB0C2
- 63AABB
- 69A5B3
- 6DA0AC
- 729BA5
- 75959D
- 789096
- 7B8B8F
- 7E8587
Harmonie kolorów
Komplementarna +180°
- 56B5CA
Fountain
- DA907E
≈ Sunburnt Toes
Analogowa -30° +30°
- 56B5CA
Fountain
- 57B9AD
≈ Tropical Escape
- 71ACDD
≈ Jordy Blue
Triada +120° +240°
- 56B5CA
Fountain
- CA8FBE
≈ Pomtini
- B9A55E
≈ Shutterbug
Komplementarna rozszczepiona +150° +210°
- 56B5CA
Fountain
- D88D9F
≈ Sugar Tooth
- CF9965
≈ Oak Buff
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.37:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.85:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 8.85:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--fountain: #56b5ca;
--fountain-rgb: 86 181 202;
--fountain-oklch: oklch(0.724 0.094 214.3);
}
.element {
color: var(--fountain);
background-color: hsl(191 52% 56%);
border-color: oklch(0.724 0.094 214.3);
}Tailwind CSS v4
@theme {
--color-fountain: #56b5ca;
--color-fountain-50: #d8fdff;
--color-fountain-100: #c5f0fc;
--color-fountain-200: #a7dfee;
--color-fountain-300: #7ec4d6;
--color-fountain-400: #54adc1;
--color-fountain-500: #1c96ac;
--color-fountain-600: #1c7f92;
--color-fountain-700: #176575;
--color-fountain-800: #0d4b55;
--color-fountain-900: #08343c;
--color-fountain-950: #001f25;
}SCSS
$fountain: #56b5ca;
$fountain-rgb: 86, 181, 202;
$fountain-light: mix(#fff, $fountain, 20%);
$fountain-dark: mix(#000, $fountain, 20%);
.element {
color: $fountain;
box-shadow: 0 0 0 2px rgba($fountain, 0.35);
}