Nächste benannte Farbe · #4188C1
#4188C1
Nächste benannte Farbe: Warm Spring
#4188C1 (rgb(65 136 193), hsl(207 51% 51%), oklch(0.607 0.112 245.4)) liegt am nächsten an der benannten Farbe Warm Spring. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#4188C1
oklch(0.607 0.112 245.4)
Farbumrechnungen
- HEX
- #4188c1
- RGB
- rgb(65 136 193)
- HSL
- hsl(207 51% 51%)
- HWB
- hwb(207 25% 24%)
- OKLCH
- oklch(0.607 0.112 245.4)
- OKLab
- oklab(0.607 -0.047 -0.102)
- CIE Lab
- lab(54.09 -9.04 -36.98)
- LCH
- lch(54.09 38.07 256.3)
- CMYK
- cmyk(66% 30% 0% 24%)
Tints · Shades · Tones
Tints
- 5694C8
- 69A0CE
- 7CACD5
- 8FB7DB
- A1C3E1
- B4CFE7
- C7DBEE
- D9E7F3
- ECF3F9
Shades
- 3775A7
- 2E638F
- 255277
- 1C415F
- 133149
- 0B2234
- 051320
- 01060E
- 000102
Tones
- 4A88BB
- 5187B4
- 5886AE
- 5F86A8
- 6585A1
- 6B849B
- 718394
- 76828D
- 7B8187
Farbharmonien
Komplementär +180°
- 4188C1
Warm Spring
- B0732F
≈ Deer Leather
Analog -30° +30°
- 4188C1
Warm Spring
- 0092AA
≈ Cape Pond
- 6F7BC5
≈ Persian Jewel
Triadisch +120° +240°
- 4188C1
Warm Spring
- BA6378
≈ Raspberry Parfait
- 728E3D
≈ Athonian Camoshade
Geteilt komplementär +150° +210°
- 4188C1
Warm Spring
- BB6852
≈ Autumn Ivy
- 978122
≈ Jungle Palm
Tetradisch +90° +180° +270°
- 4188C1
Warm Spring
- AB679C
≈ Victorian Valentine
- B0732F
≈ Deer Leather
- 409664
≈ Eucalyptus
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.80:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.51:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.51:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--warm-spring: #4188c1;
--warm-spring-rgb: 65 136 193;
--warm-spring-oklch: oklch(0.607 0.112 245.4);
}
.element {
color: var(--warm-spring);
background-color: hsl(207 51% 51%);
border-color: oklch(0.607 0.112 245.4);
}Tailwind CSS v4
@theme {
--color-warm-spring: #4188c1;
--color-warm-spring-50: #dcf9ff;
--color-warm-spring-100: #cbecff;
--color-warm-spring-200: #aed9ff;
--color-warm-spring-300: #88bdee;
--color-warm-spring-400: #62a5dd;
--color-warm-spring-500: #3b8ccc;
--color-warm-spring-600: #3477ac;
--color-warm-spring-700: #295f8a;
--color-warm-spring-800: #1a4666;
--color-warm-spring-900: #113148;
--color-warm-spring-950: #031d2f;
}SCSS
$warm-spring: #4188c1;
$warm-spring-rgb: 65, 136, 193;
$warm-spring-light: mix(#fff, $warm-spring, 20%);
$warm-spring-dark: mix(#000, $warm-spring, 20%);
.element {
color: $warm-spring;
box-shadow: 0 0 0 2px rgba($warm-spring, 0.35);
}