Nächste benannte Farbe · #368092
#368092
Nächste benannte Farbe: Panorama
#368092 (rgb(54 128 146), hsl(192 46% 39%), oklch(0.561 0.077 216.4)) liegt am nächsten an der benannten Farbe Panorama. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#368092
oklch(0.561 0.077 216.4)
Farbumrechnungen
- HEX
- #368092
- RGB
- rgb(54 128 146)
- HSL
- hsl(192 46% 39%)
- HWB
- hwb(192 21% 43%)
- OKLCH
- oklch(0.561 0.077 216.4)
- OKLab
- oklab(0.561 -0.062 -0.046)
- CIE Lab
- lab(49.54 -19.5 -17.02)
- LCH
- lch(49.54 25.88 221.1)
- CMYK
- cmyk(63% 12% 0% 43%)
Tints · Shades · Tones
Tints
- 4D8C9D
- 6199A7
- 75A5B2
- 89B2BD
- 9CBEC8
- B0CBD3
- C4D8DE
- D7E5E9
- EBF2F4
Shades
- 2E6E7E
- 255D6B
- 1E4D58
- 163D46
- 0F2E35
- 081F25
- 031216
- 010608
- 000101
Tones
- 408090
- 4A808F
- 52808D
- 59818B
- 608189
- 678188
- 6E8086
- 748084
- 7A8082
Farbharmonien
Komplementär +180°
- 368092
Panorama
- 9D6454
≈ Tuscan Rooftops
Analog -30° +30°
- 368092
Panorama
- 35837C
≈ Amazon Drift
- 4D79A0
≈ Zenith
Triadisch +120° +240°
- 368092
Panorama
- 926386
≈ Rust Magenta
- 82753D
≈ Marsh Grass
Geteilt komplementär +150° +210°
- 368092
Panorama
- 9C616D
≈ Deco Rose
- 946B41
≈ Lion’s Mane Blonde
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.50:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.65:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--panorama: #368092;
--panorama-rgb: 54 128 146;
--panorama-oklch: oklch(0.561 0.077 216.4);
}
.element {
color: var(--panorama);
background-color: hsl(192 46% 39%);
border-color: oklch(0.561 0.077 216.4);
}Tailwind CSS v4
@theme {
--color-panorama: #368092;
--color-panorama-50: #defbff;
--color-panorama-100: #cceff9;
--color-panorama-200: #b0ddeb;
--color-panorama-300: #8ac2d2;
--color-panorama-400: #66aabc;
--color-panorama-500: #4093a7;
--color-panorama-600: #377c8d;
--color-panorama-700: #2c6371;
--color-panorama-800: #1e4953;
--color-panorama-900: #14333a;
--color-panorama-950: #051e24;
}SCSS
$panorama: #368092;
$panorama-rgb: 54, 128, 146;
$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);
}