Najbliższy nazwany kolor · #457095
#457095
Najbliższy nazwany kolor: Windsurfing
#457095 (rgb(69 112 149), hsl(208 37% 43%), oklch(0.53 0.076 245.8)) jest najbliższy nazwanemu kolorowi Windsurfing. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#457095
oklch(0.53 0.076 245.8)
Konwersje koloru
- HEX
- #457095
- RGB
- rgb(69 112 149)
- HSL
- hsl(208 37% 43%)
- HWB
- hwb(208 27% 42%)
- OKLCH
- oklch(0.53 0.076 245.8)
- OKLab
- oklab(0.53 -0.031 -0.069)
- CIE Lab
- lab(45.31 -6.98 -25.17)
- LCH
- lch(45.31 26.12 254.5)
- CMYK
- cmyk(54% 25% 0% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 577EA0
- 698BAA
- 7B99B5
- 8DA7BF
- A0B6CA
- B2C4D4
- C5D3DF
- D8E1EA
- EBF0F4
Odcienie ciemniejsze
- 3B6081
- 31516D
- 27435A
- 1E3548
- 152737
- 0C1A26
- 050E16
- 020408
- 000101
Tony
- 4C7293
- 527491
- 58758F
- 5E778D
- 64798B
- 6A7A89
- 6F7C87
- 757D85
- 7A7F82
Harmonie kolorów
Komplementarna +180°
- 457095
Windsurfing
- 8A633A
≈ McKenzie
Analogowa -30° +30°
- 457095
Windsurfing
- 2E7788
≈ Thousand Herb
- 5F6898
≈ Dark Horizon
Triada +120° +240°
- 457095
Windsurfing
- 915965
≈ Cabernet
- 617442
≈ Jolly Green
Komplementarna rozszczepiona +150° +210°
- 457095
Windsurfing
- 925C4D
≈ Sequoia Grove
- 796B35
≈ Garden Weed
Tetrada +90° +180° +270°
- 457095
Windsurfing
- 875B7D
≈ Dusky Purple
- 8A633A
≈ McKenzie
- 457959
≈ Como
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.24:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 4.00:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--windsurfing: #457095;
--windsurfing-rgb: 69 112 149;
--windsurfing-oklch: oklch(0.53 0.076 245.8);
}
.element {
color: var(--windsurfing);
background-color: hsl(208 37% 43%);
border-color: oklch(0.53 0.076 245.8);
}Tailwind CSS v4
@theme {
--color-windsurfing: #457095;
--color-windsurfing-50: #e5f8ff;
--color-windsurfing-100: #d5ebff;
--color-windsurfing-200: #bbd8f4;
--color-windsurfing-300: #99bcdd;
--color-windsurfing-400: #79a3c9;
--color-windsurfing-500: #5a8bb6;
--color-windsurfing-600: #4d7699;
--color-windsurfing-700: #3d5e7b;
--color-windsurfing-800: #2b455b;
--color-windsurfing-900: #1d3040;
--color-windsurfing-950: #0d1c28;
}SCSS
$windsurfing: #457095;
$windsurfing-rgb: 69, 112, 149;
$windsurfing-light: mix(#fff, $windsurfing, 20%);
$windsurfing-dark: mix(#000, $windsurfing, 20%);
.element {
color: $windsurfing;
box-shadow: 0 0 0 2px rgba($windsurfing, 0.35);
}