Benannte Farbe · #005C77
Prismatic Springs
Prismatic Springs ist #005C77: rgb(0 92 119), hsl(194 100% 23%), oklch(0.442 0.085 226.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Prismatic Springs color name →
#005C77
oklch(0.442 0.085 226.4)
Farbumrechnungen
- HEX
- #005c77
- RGB
- rgb(0 92 119)
- HSL
- hsl(194 100% 23%)
- HWB
- hwb(194 0% 53%)
- OKLCH
- oklch(0.442 0.085 226.4)
- OKLab
- oklab(0.442 -0.059 -0.061)
- CIE Lab
- lab(35.58 -16.14 -22.35)
- LCH
- lch(35.58 27.57 234.2)
- CMYK
- cmyk(100% 23% 0% 53%)
Tints · Shades · Tones
Tints
- 2A6B84
- 447B91
- 5B8B9F
- 739BAC
- 89ABBA
- A0BBC7
- B8CCD5
- CFDDE3
- E7EEF1
Shades
- 004F67
- 004257
- 003647
- 002A38
- 001F2A
- 00141C
- 000A10
- 000305
- 000001
Tones
- 1C6078
- 2C6479
- 39677A
- 446B7B
- 4F6F7C
- 59727D
- 63767E
- 6D797F
- 767D7F
Farbharmonien
Komplementär +180°
- 005C77
Prismatic Springs
- 794328
≈ Copper Canyon
Analog -30° +30°
- 005C77
Prismatic Springs
- 006061
≈ Sandhill Crane
- 335481
≈ St. Tropez
Triadisch +120° +240°
- 005C77
Prismatic Springs
- 743F5D
≈ Mystique Violet
- 595613
≈ Douro
Geteilt komplementär +150° +210°
- 005C77
Prismatic Springs
- 7B3E43
≈ Velvety Merlot
- 6E4C10
≈ Antique Bronze
Tetradisch +90° +180° +270°
- 005C77
Prismatic Springs
- 664472
≈ Presley Purple
- 794328
≈ Copper Canyon
- 3C5E2C
≈ Deep Into the Wood
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.50:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.79:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.50:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--prismatic-springs: #005c77;
--prismatic-springs-rgb: 0 92 119;
--prismatic-springs-oklch: oklch(0.442 0.085 226.4);
}
.element {
color: var(--prismatic-springs);
background-color: hsl(194 100% 23%);
border-color: oklch(0.442 0.085 226.4);
}Tailwind CSS v4
@theme {
--color-prismatic-springs: #005c77;
--color-prismatic-springs-50: #ddfbff;
--color-prismatic-springs-100: #cceeff;
--color-prismatic-springs-200: #afdcf1;
--color-prismatic-springs-300: #89c0da;
--color-prismatic-springs-400: #64a9c5;
--color-prismatic-springs-500: #3d91b1;
--color-prismatic-springs-600: #357b96;
--color-prismatic-springs-700: #2b6378;
--color-prismatic-springs-800: #1c4958;
--color-prismatic-springs-900: #12323e;
--color-prismatic-springs-950: #041e27;
}SCSS
$prismatic-springs: #005c77;
$prismatic-springs-rgb: 0, 92, 119;
$prismatic-springs-light: mix(#fff, $prismatic-springs, 20%);
$prismatic-springs-dark: mix(#000, $prismatic-springs, 20%);
.element {
color: $prismatic-springs;
box-shadow: 0 0 0 2px rgba($prismatic-springs, 0.35);
}