Benannte Farbe · #0067A5
Medium Persian Blue
Medium Persian Blue ist #0067A5: rgb(0 103 165), hsl(203 100% 32%), oklch(0.497 0.126 245.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Medium Persian Blue color name →
#0067A5
oklch(0.497 0.126 245.5)
Farbumrechnungen
- HEX
- #0067a5
- RGB
- rgb(0 103 165)
- HSL
- hsl(203 100% 32%)
- HWB
- hwb(203 0% 35%)
- OKLCH
- oklch(0.497 0.126 245.5)
- OKLab
- oklab(0.497 -0.052 -0.115)
- CIE Lab
- lab(41.22 -7.08 -41.15)
- LCH
- lch(41.22 41.75 260.2)
- CMYK
- cmyk(100% 38% 0% 35%)
Tints · Shades · Tones
Tints
- 2D76AF
- 4785B8
- 5F94C1
- 76A3CB
- 8DB2D4
- A3C1DC
- BAD1E5
- D1E0EE
- E8EFF7
Shades
- 00598F
- 004B79
- 003D65
- 003051
- 00233D
- 00172B
- 000C1A
- 00040A
- 000001
Tones
- 1E6AA2
- 2F6D9F
- 3C709B
- 477398
- 527594
- 5B7890
- 657A8D
- 6E7C89
- 777E84
Farbharmonien
Komplementär +180°
- 0067A5
Medium Persian Blue
- 8C5300
≈ Plain Old Brown
Analog -30° +30°
- 0067A5
Medium Persian Blue
- 006F82
≈ Crystal Teal
- 4F59A9
≈ Chinese Bellflower
Triadisch +120° +240°
- 0067A5
Medium Persian Blue
- 9B3E58
≈ Algae Red
- 516E00
≈ Over the Hills
Geteilt komplementär +150° +210°
- 0067A5
Medium Persian Blue
- 9D432B
≈ Rock Spray
- 746100
≈ Spicy Mustard
Tetradisch +90° +180° +270°
- 0067A5
Medium Persian Blue
- 8D437E
≈ Plum Pie
- 8C5300
≈ Plain Old Brown
- 007643
≈ Succulents
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.02:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.48:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 6.02:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--medium-persian-blue: #0067a5;
--medium-persian-blue-rgb: 0 103 165;
--medium-persian-blue-oklch: oklch(0.497 0.126 245.5);
}
.element {
color: var(--medium-persian-blue);
background-color: hsl(203 100% 32%);
border-color: oklch(0.497 0.126 245.5);
}Tailwind CSS v4
@theme {
--color-medium-persian-blue: #0067a5;
--color-medium-persian-blue-50: #d9f9ff;
--color-medium-persian-blue-100: #c7edff;
--color-medium-persian-blue-200: #a9daff;
--color-medium-persian-blue-300: #82bdf5;
--color-medium-persian-blue-400: #59a5e4;
--color-medium-persian-blue-500: #2b8cd4;
--color-medium-persian-blue-600: #2777b3;
--color-medium-persian-blue-700: #1f5f90;
--color-medium-persian-blue-800: #10466a;
--color-medium-persian-blue-900: #0b314b;
--color-medium-persian-blue-950: #001d31;
}SCSS
$medium-persian-blue: #0067a5;
$medium-persian-blue-rgb: 0, 103, 165;
$medium-persian-blue-light: mix(#fff, $medium-persian-blue, 20%);
$medium-persian-blue-dark: mix(#000, $medium-persian-blue, 20%);
.element {
color: $medium-persian-blue;
box-shadow: 0 0 0 2px rgba($medium-persian-blue, 0.35);
}