Benannte Farbe · #5D98B3
Pass Time Blue
Pass Time Blue ist #5D98B3: rgb(93 152 179), hsl(199 36% 53%), oklch(0.65 0.074 229). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Pass Time Blue color name →
#5D98B3
oklch(0.65 0.074 229)
Farbumrechnungen
- HEX
- #5d98b3
- RGB
- rgb(93 152 179)
- HSL
- hsl(199 36% 53%)
- HWB
- hwb(199 36% 30%)
- OKLCH
- oklch(0.65 0.074 229)
- OKLab
- oklab(0.65 -0.048 -0.055)
- CIE Lab
- lab(59.6 -14.35 -20.49)
- LCH
- lch(59.6 25.02 235)
- CMYK
- cmyk(48% 15% 0% 30%)
Tints · Shades · Tones
Tints
- 6EA2BB
- 7EACC2
- 8EB6CA
- 9EC1D1
- AECBD9
- BED5E1
- CEE0E8
- DEEAF0
- EFF4F7
Shades
- 50849B
- 437084
- 375C6E
- 2A4A58
- 1F3843
- 14272F
- 0A171D
- 03080C
- 000101
Tones
- 6296AE
- 6693A9
- 6A91A4
- 6E8F9F
- 718C9A
- 748A94
- 78878F
- 7B858A
- 7D8385
Farbharmonien
Komplementär +180°
- 5D98B3
Pass Time Blue
- B48267
≈ Cider Spice
Analog -30° +30°
- 5D98B3
Pass Time Blue
- 539DA0
≈ Rockpool
- 7490BC
≈ Purple Hyacinth
Triadisch +120° +240°
- 5D98B3
Pass Time Blue
- B27D96
≈ Antique Hot Pink
- 92935E
≈ Indian Green
Geteilt komplementär +150° +210°
- 5D98B3
Pass Time Blue
- B87D7D
≈ Fiesta Rojo
- A78A5B
≈ Fall Harvest
Tetradisch +90° +180° +270°
- 5D98B3
Pass Time Blue
- A381AC
≈ Nightshade Violet
- B48267
≈ Cider Spice
- 789A6F
≈ Money
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.17:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.60:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.60:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--pass-time-blue: #5d98b3;
--pass-time-blue-rgb: 93 152 179;
--pass-time-blue-oklch: oklch(0.65 0.074 229);
}
.element {
color: var(--pass-time-blue);
background-color: hsl(199 36% 53%);
border-color: oklch(0.65 0.074 229);
}Tailwind CSS v4
@theme {
--color-pass-time-blue: #5d98b3;
--color-pass-time-blue-50: #e1faff;
--color-pass-time-blue-100: #d0edfc;
--color-pass-time-blue-200: #b5dbee;
--color-pass-time-blue-300: #91bfd7;
--color-pass-time-blue-400: #6fa7c1;
--color-pass-time-blue-500: #4d90ad;
--color-pass-time-blue-600: #427a92;
--color-pass-time-blue-700: #356175;
--color-pass-time-blue-800: #244856;
--color-pass-time-blue-900: #18323c;
--color-pass-time-blue-950: #091d26;
}SCSS
$pass-time-blue: #5d98b3;
$pass-time-blue-rgb: 93, 152, 179;
$pass-time-blue-light: mix(#fff, $pass-time-blue, 20%);
$pass-time-blue-dark: mix(#000, $pass-time-blue, 20%);
.element {
color: $pass-time-blue;
box-shadow: 0 0 0 2px rgba($pass-time-blue, 0.35);
}