Najbliższy nazwany kolor · #789AE3
#789AE3
Najbliższy nazwany kolor: Wisteria Blue
#789AE3 (rgb(120 154 227), hsl(221 66% 68%), oklch(0.691 0.115 264.5)) jest najbliższy nazwanemu kolorowi Wisteria Blue. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#789AE3
oklch(0.691 0.115 264.5)
Konwersje koloru
- HEX
- #789ae3
- RGB
- rgb(120 154 227)
- HSL
- hsl(221 66% 68%)
- HWB
- hwb(221 47% 11%)
- OKLCH
- oklch(0.691 0.115 264.5)
- OKLab
- oklab(0.691 -0.011 -0.114)
- CIE Lab
- lab(63.34 2.81 -41.29)
- LCH
- lch(63.34 41.38 273.9)
- CMYK
- cmyk(47% 32% 0% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 85A4E6
- 92AEEA
- 9FB8ED
- ACC3F0
- BACDF3
- C7D7F6
- D5E1F8
- E3EBFB
- F1F5FD
Odcienie ciemniejsze
- 6785C5
- 5771A8
- 485E8C
- 394B71
- 2A3957
- 1D273F
- 101727
- 050912
- 010103
Tony
- 7998D9
- 7A95CF
- 7B93C5
- 7C90BB
- 7C8EB2
- 7D8BA8
- 7E899E
- 7F8694
- 7F838A
Harmonie kolorów
Komplementarna +180°
- 789AE3
Wisteria Blue
- BD953E
≈ Wheat Beer
Analogowa -30° +30°
- 789AE3
Wisteria Blue
- 47A7D8
≈ Blue Astro
- A08DDB
≈ Middy’s Purple
Triada +120° +240°
- 789AE3
Wisteria Blue
- DA7E78
≈ Cranapple
- 6DAE6E
≈ Pale Green
Komplementarna rozszczepiona +150° +210°
- 789AE3
Wisteria Blue
- D28753
≈ Flaming Torch
- 9AA44A
≈ Fresh Apple
Tetrada +90° +180° +270°
- 789AE3
Wisteria Blue
- D37DA0
≈ Little Bow Pink
- BD953E
≈ Wheat Beer
- 37B397
≈ Green Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.78:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.53:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--wisteria-blue: #789ae3;
--wisteria-blue-rgb: 120 154 227;
--wisteria-blue-oklch: oklch(0.691 0.115 264.5);
}
.element {
color: var(--wisteria-blue);
background-color: hsl(221 66% 68%);
border-color: oklch(0.691 0.115 264.5);
}Tailwind CSS v4
@theme {
--color-wisteria-blue: #789ae3;
--color-wisteria-blue-50: #e6f5ff;
--color-wisteria-blue-100: #d6e8ff;
--color-wisteria-blue-200: #bed4ff;
--color-wisteria-blue-300: #9cb6f3;
--color-wisteria-blue-400: #7c9de3;
--color-wisteria-blue-500: #6083d2;
--color-wisteria-blue-600: #516fb1;
--color-wisteria-blue-700: #41598e;
--color-wisteria-blue-800: #2c416a;
--color-wisteria-blue-900: #1e2d4b;
--color-wisteria-blue-950: #0e1a31;
}SCSS
$wisteria-blue: #789ae3;
$wisteria-blue-rgb: 120, 154, 227;
$wisteria-blue-light: mix(#fff, $wisteria-blue, 20%);
$wisteria-blue-dark: mix(#000, $wisteria-blue, 20%);
.element {
color: $wisteria-blue;
box-shadow: 0 0 0 2px rgba($wisteria-blue, 0.35);
}