Benannte Farbe · #95CAD0
Jellyfish Blue
Jellyfish Blue ist #95CAD0: rgb(149 202 208), hsl(186 39% 70%), oklch(0.804 0.056 204.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Jellyfish Blue color name →
#95CAD0
oklch(0.804 0.056 204.8)
Farbumrechnungen
- HEX
- #95cad0
- RGB
- rgb(149 202 208)
- HSL
- hsl(186 39% 70%)
- HWB
- hwb(186 58% 18%)
- OKLCH
- oklch(0.804 0.056 204.8)
- OKLab
- oklab(0.804 -0.05 -0.023)
- CIE Lab
- lab(77.79 -16.78 -8.88)
- LCH
- lch(77.79 18.98 207.9)
- CMYK
- cmyk(28% 3% 0% 18%)
Tints · Shades · Tones
Tints
- A0CFD5
- ABD5D9
- B5DADE
- C0DFE3
- CAE4E7
- D5EAEC
- E0EFF1
- EAF4F6
- F5FAFA
Shades
- 81AFB5
- 6D959A
- 5A7C80
- 486467
- 374D4F
- 263739
- 162223
- 080F10
- 010202
Tones
- 93C2C8
- 92BBBF
- 90B3B7
- 8EACAF
- 8CA4A7
- 8A9D9F
- 879697
- 858E8F
- 838788
Farbharmonien
Komplementär +180°
- 95CAD0
Jellyfish Blue
- E1B2AD
≈ Evening Sand
Analog -30° +30°
- 95CAD0
Jellyfish Blue
- 9ACBBD
≈ Cool Juniper
- 9DC6DE
≈ Mr Frosty
Triadisch +120° +240°
- 95CAD0
Jellyfish Blue
- D2B3D3
≈ Confectionary
- D0BD97
≈ Subtle Suede
Geteilt komplementär +150° +210°
- 95CAD0
Jellyfish Blue
- DDB1C1
≈ Mental Floss
- DCB69E
≈ Mesa Sand
Tetradisch +90° +180° +270°
- 95CAD0
Jellyfish Blue
- C1B9E0
≈ Melrose
- E1B2AD
≈ Evening Sand
- BDC49B
≈ Green Mist
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.80:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.63:1 · APCA Lc 69
Beste Textfarbe: #000000
WCAG 11.63:1 (AAA) · APCA Lc 69
Contrast pairs
Code-Snippets
CSS
:root {
--jellyfish-blue: #95cad0;
--jellyfish-blue-rgb: 149 202 208;
--jellyfish-blue-oklch: oklch(0.804 0.056 204.8);
}
.element {
color: var(--jellyfish-blue);
background-color: hsl(186 39% 70%);
border-color: oklch(0.804 0.056 204.8);
}Tailwind CSS v4
@theme {
--color-jellyfish-blue: #95cad0;
--color-jellyfish-blue-50: #e4fafd;
--color-jellyfish-blue-100: #d4eef1;
--color-jellyfish-blue-200: #badbe0;
--color-jellyfish-blue-300: #97c0c6;
--color-jellyfish-blue-400: #77a8ae;
--color-jellyfish-blue-500: #589198;
--color-jellyfish-blue-600: #4b7b80;
--color-jellyfish-blue-700: #3c6267;
--color-jellyfish-blue-800: #2a484b;
--color-jellyfish-blue-900: #1c3234;
--color-jellyfish-blue-950: #0c1e1f;
}SCSS
$jellyfish-blue: #95cad0;
$jellyfish-blue-rgb: 149, 202, 208;
$jellyfish-blue-light: mix(#fff, $jellyfish-blue, 20%);
$jellyfish-blue-dark: mix(#000, $jellyfish-blue, 20%);
.element {
color: $jellyfish-blue;
box-shadow: 0 0 0 2px rgba($jellyfish-blue, 0.35);
}