Nazwany kolor · #597695
Privileged Elite
Privileged Elite to #597695: rgb(89 118 149), hsl(211 25% 47%), oklch(0.556 0.059 250.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Privileged Elite color name →
#597695
oklch(0.556 0.059 250.6)
Konwersje koloru
- HEX
- #597695
- RGB
- rgb(89 118 149)
- HSL
- hsl(211 25% 47%)
- HWB
- hwb(211 35% 42%)
- OKLCH
- oklch(0.556 0.059 250.6)
- OKLab
- oklab(0.556 -0.02 -0.056)
- CIE Lab
- lab(48.3 -4.52 -20.46)
- LCH
- lch(48.3 20.96 257.6)
- CMYK
- cmyk(40% 21% 0% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 69839F
- 7890AA
- 889DB4
- 99ABBF
- A9B9C9
- BAC6D4
- CBD4DF
- DCE2E9
- EDF1F4
Odcienie ciemniejsze
- 4C6681
- 40566D
- 34475A
- 283848
- 1D2937
- 131C26
- 090F16
- 030508
- 000101
Tony
- 5D7793
- 617891
- 65798F
- 697A8D
- 6D7B8B
- 717C89
- 757D87
- 787E85
- 7C7F82
Harmonie kolorów
Komplementarna +180°
- 597695
Privileged Elite
- 8A6D4D
≈ Steady Brown
Analogowa -30° +30°
- 597695
Privileged Elite
- 4A7B8B
≈ Sky Space
- 6C7096
≈ Silk Crepe Mauve
Triada +120° +240°
- 597695
Privileged Elite
- 92656B
≈ Deadlock
- 677B56
≈ Silver Willow Green
Komplementarna rozszczepiona +150° +210°
- 597695
Privileged Elite
- 926859
≈ Italian Mocha
- 7B744B
≈ Steel Legion Drab
Tetrada +90° +180° +270°
- 597695
Privileged Elite
- 8B667E
≈ Sweet Violet
- 8A6D4D
≈ Steady Brown
- 547E68
≈ Juniper Green
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.71:1 · APCA Lc 73
Ag
FailNa czerni
WCAG 4.45:1 · APCA Lc 29
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.71:1 (AA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--privileged-elite: #597695;
--privileged-elite-rgb: 89 118 149;
--privileged-elite-oklch: oklch(0.556 0.059 250.6);
}
.element {
color: var(--privileged-elite);
background-color: hsl(211 25% 47%);
border-color: oklch(0.556 0.059 250.6);
}Tailwind CSS v4
@theme {
--color-privileged-elite: #597695;
--color-privileged-elite-50: #eaf7ff;
--color-privileged-elite-100: #daeafc;
--color-privileged-elite-200: #c3d6ee;
--color-privileged-elite-300: #a2bad6;
--color-privileged-elite-400: #85a2c1;
--color-privileged-elite-500: #6989ac;
--color-privileged-elite-600: #597492;
--color-privileged-elite-700: #475d75;
--color-privileged-elite-800: #324456;
--color-privileged-elite-900: #222f3c;
--color-privileged-elite-950: #111c26;
}SCSS
$privileged-elite: #597695;
$privileged-elite-rgb: 89, 118, 149;
$privileged-elite-light: mix(#fff, $privileged-elite, 20%);
$privileged-elite-dark: mix(#000, $privileged-elite, 20%);
.element {
color: $privileged-elite;
box-shadow: 0 0 0 2px rgba($privileged-elite, 0.35);
}