Nächste benannte Farbe · #73B8CA
#73B8CA
Nächste benannte Farbe: Glacier
#73B8CA (rgb(115 184 202), hsl(192 45% 62%), oklch(0.743 0.074 216.2)) liegt am nächsten an der benannten Farbe Glacier. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#73B8CA
oklch(0.743 0.074 216.2)
Farbumrechnungen
- HEX
- #73b8ca
- RGB
- rgb(115 184 202)
- HSL
- hsl(192 45% 62%)
- HWB
- hwb(192 45% 21%)
- OKLCH
- oklch(0.743 0.074 216.2)
- OKLab
- oklab(0.743 -0.06 -0.044)
- CIE Lab
- lab(70.7 -19.15 -16.38)
- LCH
- lch(70.7 25.2 220.5)
- CMYK
- cmyk(43% 9% 0% 21%)
Tints · Shades · Tones
Tints
- 82BFCF
- 90C6D5
- 9FCDDA
- ADD4DF
- BADBE5
- C8E3EA
- D6EAEF
- E4F1F4
- F1F8FA
Shades
- 63A0AF
- 548895
- 45717C
- 365B64
- 28454D
- 1B3137
- 0F1E22
- 050C0F
- 010202
Tones
- 75B2C2
- 78ADBB
- 7AA7B3
- 7BA1AC
- 7C9CA4
- 7E969D
- 7E9196
- 7F8B8E
- 808687
Farbharmonien
Komplementär +180°
- 73B8CA
Glacier
- D69C8B
≈ Nectarine Spice
Analog -30° +30°
- 73B8CA
Glacier
- 73BBB3
≈ Earth Eclipse
- 85B1D8
≈ Boo Blue
Triadisch +120° +240°
- 73B8CA
Glacier
- CB9ABE
≈ Peach Buff
- B9AC76
≈ Heavy Goldbrown
Geteilt komplementär +150° +210°
- 73B8CA
Glacier
- D599A4
≈ Parrot Pink
- CCA37A
≈ Golden Beige
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.22:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.43:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.43:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--glacier: #73b8ca;
--glacier-rgb: 115 184 202;
--glacier-oklch: oklch(0.743 0.074 216.2);
}
.element {
color: var(--glacier);
background-color: hsl(192 45% 62%);
border-color: oklch(0.743 0.074 216.2);
}Tailwind CSS v4
@theme {
--color-glacier: #73b8ca;
--color-glacier-50: #dffbff;
--color-glacier-100: #cdeff9;
--color-glacier-200: #b2ddea;
--color-glacier-300: #8cc1d1;
--color-glacier-400: #69aabb;
--color-glacier-500: #4492a6;
--color-glacier-600: #3b7c8c;
--color-glacier-700: #2f6370;
--color-glacier-800: #204952;
--color-glacier-900: #153339;
--color-glacier-950: #061e24;
}SCSS
$glacier: #73b8ca;
$glacier-rgb: 115, 184, 202;
$glacier-light: mix(#fff, $glacier, 20%);
$glacier-dark: mix(#000, $glacier, 20%);
.element {
color: $glacier;
box-shadow: 0 0 0 2px rgba($glacier, 0.35);
}