Najbliższy nazwany kolor · #2A7585
#2A7585
Najbliższy nazwany kolor: Panorama
#2A7585 (rgb(42 117 133), hsl(191 52% 34%), oklch(0.523 0.076 214.5)) jest najbliższy nazwanemu kolorowi Panorama. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#2A7585
oklch(0.523 0.076 214.5)
Konwersje koloru
- HEX
- #2a7585
- RGB
- rgb(42 117 133)
- HSL
- hsl(191 52% 34%)
- HWB
- hwb(191 16% 48%)
- OKLCH
- oklch(0.523 0.076 214.5)
- OKLab
- oklab(0.523 -0.063 -0.043)
- CIE Lab
- lab(45.21 -19.74 -15.99)
- LCH
- lch(45.21 25.41 219)
- CMYK
- cmyk(68% 12% 0% 48%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 438291
- 59909D
- 6E9DA8
- 82ABB5
- 97B8C1
- ABC6CD
- C0D4D9
- D5E2E6
- EAF1F2
Odcienie ciemniejsze
- 236573
- 1C5561
- 164650
- 103740
- 0A2930
- 051C21
- 020F13
- 010506
- 000101
Tony
- 367685
- 417884
- 4A7984
- 537A83
- 5B7B83
- 637C82
- 6B7D82
- 727E81
- 797F81
Harmonie kolorów
Komplementarna +180°
- 2A7585
Panorama
- 90594C
≈ Rustic Brown
Analogowa -30° +30°
- 2A7585
Panorama
- 2B786F
≈ Iguaçuense Waterfall
- 426E93
≈ National Anthem
Triada +120° +240°
- 2A7585
Panorama
- 85597C
≈ Dull Purple
- 786933
≈ Racoon Eyes
Komplementarna rozszczepiona +150° +210°
- 2A7585
Panorama
- 8F5764
≈ Pink Peppercorn
- 886038
≈ Quiver
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.27:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 3.98:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--panorama: #2a7585;
--panorama-rgb: 42 117 133;
--panorama-oklch: oklch(0.523 0.076 214.5);
}
.element {
color: var(--panorama);
background-color: hsl(191 52% 34%);
border-color: oklch(0.523 0.076 214.5);
}Tailwind CSS v4
@theme {
--color-panorama: #2a7585;
--color-panorama-50: #defbff;
--color-panorama-100: #cceff8;
--color-panorama-200: #b0dde9;
--color-panorama-300: #8ac2d1;
--color-panorama-400: #67aaba;
--color-panorama-500: #4093a5;
--color-panorama-600: #387c8c;
--color-panorama-700: #2c6470;
--color-panorama-800: #1e4952;
--color-panorama-900: #143339;
--color-panorama-950: #051e23;
}SCSS
$panorama: #2a7585;
$panorama-rgb: 42, 117, 133;
$panorama-light: mix(#fff, $panorama, 20%);
$panorama-dark: mix(#000, $panorama, 20%);
.element {
color: $panorama;
box-shadow: 0 0 0 2px rgba($panorama, 0.35);
}