Najbliższy nazwany kolor · #517999
#517999
Najbliższy nazwany kolor: Beach View
#517999 (rgb(81 121 153), hsl(207 31% 46%), oklch(0.56 0.067 243.5)) jest najbliższy nazwanemu kolorowi Beach View. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#517999
oklch(0.56 0.067 243.5)
Konwersje koloru
- HEX
- #517999
- RGB
- rgb(81 121 153)
- HSL
- hsl(207 31% 46%)
- HWB
- hwb(207 32% 40%)
- OKLCH
- oklch(0.56 0.067 243.5)
- OKLab
- oklab(0.56 -0.03 -0.06)
- CIE Lab
- lab(48.85 -7.59 -22.02)
- LCH
- lch(48.85 23.29 251)
- CMYK
- cmyk(47% 21% 0% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6286A3
- 7393AD
- 83A0B7
- 94ADC1
- A6BACC
- B7C8D6
- C9D5E0
- DBE3EA
- EDF1F5
Odcienie ciemniejsze
- 456884
- 3A5870
- 2F485D
- 24394A
- 1A2B38
- 101D27
- 071017
- 020508
- 000101
Tony
- 567A97
- 5B7B94
- 607B92
- 657C8F
- 6A7D8D
- 6E7E8A
- 737E88
- 777F85
- 7C7F83
Harmonie kolorów
Komplementarna +180°
- 517999
Beach View
- 906C4A
≈ Tanned Wood
Analogowa -30° +30°
- 517999
Beach View
- 417F8C
≈ Wish Upon a Star
- 67729C
≈ Blueberry Patch
Triada +120° +240°
- 517999
Beach View
- 966470
≈ Soft Bromeliad
- 6C7B4F
≈ Mint Leaves
Komplementarna rozszczepiona +150° +210°
- 517999
Beach View
- 98665B
≈ Umenezumi Plum
- 817445
≈ Peppered Moss
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.62:1 · APCA Lc 72
Ag
AANa czerni
WCAG 4.54:1 · APCA Lc 30
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.62:1 (AA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--beach-view: #517999;
--beach-view-rgb: 81 121 153;
--beach-view-oklch: oklch(0.56 0.067 243.5);
}
.element {
color: var(--beach-view);
background-color: hsl(207 31% 46%);
border-color: oklch(0.56 0.067 243.5);
}Tailwind CSS v4
@theme {
--color-beach-view: #517999;
--color-beach-view-50: #e6f8ff;
--color-beach-view-100: #d6ebfd;
--color-beach-view-200: #bdd8f0;
--color-beach-view-300: #9cbcd8;
--color-beach-view-400: #7ca3c4;
--color-beach-view-500: #5e8bb0;
--color-beach-view-600: #507694;
--color-beach-view-700: #405e77;
--color-beach-view-800: #2d4558;
--color-beach-view-900: #1e303d;
--color-beach-view-950: #0e1c27;
}SCSS
$beach-view: #517999;
$beach-view-rgb: 81, 121, 153;
$beach-view-light: mix(#fff, $beach-view, 20%);
$beach-view-dark: mix(#000, $beach-view, 20%);
.element {
color: $beach-view;
box-shadow: 0 0 0 2px rgba($beach-view, 0.35);
}