Benannte Farbe · #85B0C4
Resolute Blue
Resolute Blue ist #85B0C4: rgb(133 176 196), hsl(199 35% 65%), oklch(0.733 0.054 228.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Resolute Blue color name →
#85B0C4
oklch(0.733 0.054 228.2)
Farbumrechnungen
- HEX
- #85b0c4
- RGB
- rgb(133 176 196)
- HSL
- hsl(199 35% 65%)
- HWB
- hwb(199 52% 23%)
- OKLCH
- oklch(0.733 0.054 228.2)
- OKLab
- oklab(0.733 -0.036 -0.041)
- CIE Lab
- lab(69.25 -11.3 -15.16)
- LCH
- lch(69.25 18.91 233.3)
- CMYK
- cmyk(32% 10% 0% 23%)
Tints · Shades · Tones
Tints
- 91B8CA
- 9DC0D0
- A9C7D6
- B5CFDC
- C2D7E1
- CEDFE7
- DAE7ED
- E6EFF3
- F3F7F9
Shades
- 7399AA
- 618291
- 506C78
- 405661
- 30424A
- 212E35
- 131C21
- 060B0E
- 010102
Tones
- 85ABBD
- 85A6B6
- 84A1AF
- 849DA8
- 8498A2
- 83939B
- 828E94
- 828A8D
- 818587
Farbharmonien
Komplementär +180°
- 85B0C4
Resolute Blue
- C69F8B
≈ Whistler Rose
Analog -30° +30°
- 85B0C4
Resolute Blue
- 80B4B5
≈ Cold Front Green
- 94AACB
≈ Hopeful Dream
Triadisch +120° +240°
- 85B0C4
Resolute Blue
- C49BAF
≈ Lady’s Cushions Pink
- ABAC84
≈ New Bamboo
Geteilt komplementär +150° +210°
- 85B0C4
Resolute Blue
- C99B9C
≈ Pepperberry
- BCA582
≈ Old Salem
Tetradisch +90° +180° +270°
- 85B0C4
Resolute Blue
- B89EBF
≈ Tuileries Tint
- C69F8B
≈ Whistler Rose
- 98B190
≈ Cloistered Garden
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.33:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 9.00:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 9.00:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--resolute-blue: #85b0c4;
--resolute-blue-rgb: 133 176 196;
--resolute-blue-oklch: oklch(0.733 0.054 228.2);
}
.element {
color: var(--resolute-blue);
background-color: hsl(199 35% 65%);
border-color: oklch(0.733 0.054 228.2);
}Tailwind CSS v4
@theme {
--color-resolute-blue: #85b0c4;
--color-resolute-blue-50: #e6f9ff;
--color-resolute-blue-100: #d6ecf7;
--color-resolute-blue-200: #bed9e7;
--color-resolute-blue-300: #9cbdce;
--color-resolute-blue-400: #7da5b8;
--color-resolute-blue-500: #5f8ea3;
--color-resolute-blue-600: #51788a;
--color-resolute-blue-700: #40606e;
--color-resolute-blue-800: #2e4651;
--color-resolute-blue-900: #1f3138;
--color-resolute-blue-950: #0e1d23;
}SCSS
$resolute-blue: #85b0c4;
$resolute-blue-rgb: 133, 176, 196;
$resolute-blue-light: mix(#fff, $resolute-blue, 20%);
$resolute-blue-dark: mix(#000, $resolute-blue, 20%);
.element {
color: $resolute-blue;
box-shadow: 0 0 0 2px rgba($resolute-blue, 0.35);
}