Nächste benannte Farbe · #5C74AB
#5C74AB
Nächste benannte Farbe: Flood
#5C74AB (rgb(92 116 171), hsl(222 32% 52%), oklch(0.564 0.09 265.6)) liegt am nächsten an der benannten Farbe Flood. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#5C74AB
oklch(0.564 0.09 265.6)
Farbumrechnungen
- HEX
- #5c74ab
- RGB
- rgb(92 116 171)
- HSL
- hsl(222 32% 52%)
- HWB
- hwb(222 36% 33%)
- OKLCH
- oklch(0.564 0.09 265.6)
- OKLab
- oklab(0.564 -0.007 -0.09)
- CIE Lab
- lab(48.72 2.59 -32.61)
- LCH
- lch(48.72 32.71 274.5)
- CMYK
- cmyk(46% 32% 0% 33%)
Tints · Shades · Tones
Tints
- 6B81B4
- 7A8FBC
- 8A9CC5
- 9AAACD
- AAB8D6
- BBC6DE
- CBD4E6
- DCE2EF
- EEF1F7
Shades
- 4F6494
- 42547E
- 364568
- 2A3754
- 1F2940
- 141B2D
- 0A0F1B
- 03050B
- 000101
Tones
- 6075A7
- 6377A3
- 67789F
- 6A7A9B
- 6E7B96
- 727C92
- 757D8E
- 797E89
- 7C7F85
Farbharmonien
Komplementär +180°
- 5C74AB
Flood
- 8D7130
≈ Marshy Green
Analog -30° +30°
- 5C74AB
Flood
- 397DA3
≈ Cendre Blue
- 7A6AA5
≈ Wintertime Mauve
Triadisch +120° +240°
- 5C74AB
Flood
- A4605A
≈ Savannah Red
- 518454
≈ Kilkenny
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.62:1 · APCA Lc 72
Ag
AAAuf Schwarz
WCAG 4.54:1 · APCA Lc 30
Beste Textfarbe: #FFFFFF
WCAG 4.62:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--flood: #5c74ab;
--flood-rgb: 92 116 171;
--flood-oklch: oklch(0.564 0.09 265.6);
}
.element {
color: var(--flood);
background-color: hsl(222 32% 52%);
border-color: oklch(0.564 0.09 265.6);
}Tailwind CSS v4
@theme {
--color-flood: #5c74ab;
--color-flood-50: #eaf5ff;
--color-flood-100: #dbe8ff;
--color-flood-200: #c3d4fc;
--color-flood-300: #a3b7e7;
--color-flood-400: #859ed5;
--color-flood-500: #6984c2;
--color-flood-600: #5970a4;
--color-flood-700: #475a84;
--color-flood-800: #324262;
--color-flood-900: #222d45;
--color-flood-950: #111a2c;
}SCSS
$flood: #5c74ab;
$flood-rgb: 92, 116, 171;
$flood-light: mix(#fff, $flood, 20%);
$flood-dark: mix(#000, $flood, 20%);
.element {
color: $flood;
box-shadow: 0 0 0 2px rgba($flood, 0.35);
}