Najbliższy nazwany kolor · #73B8CA
#73B8CA
Najbliższy nazwany kolor: Glacier
#73B8CA (rgb(115 184 202), hsl(192 45% 62%), oklch(0.743 0.074 216.2)) jest najbliższy nazwanemu kolorowi Glacier. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#73B8CA
oklch(0.743 0.074 216.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 82BFCF
- 90C6D5
- 9FCDDA
- ADD4DF
- BADBE5
- C8E3EA
- D6EAEF
- E4F1F4
- F1F8FA
Odcienie ciemniejsze
- 63A0AF
- 548895
- 45717C
- 365B64
- 28454D
- 1B3137
- 0F1E22
- 050C0F
- 010202
Tony
- 75B2C2
- 78ADBB
- 7AA7B3
- 7BA1AC
- 7C9CA4
- 7E969D
- 7E9196
- 7F8B8E
- 808687
Harmonie kolorów
Komplementarna +180°
- 73B8CA
Glacier
- D69C8B
≈ Nectarine Spice
Analogowa -30° +30°
- 73B8CA
Glacier
- 73BBB3
≈ Earth Eclipse
- 85B1D8
≈ Boo Blue
Triada +120° +240°
- 73B8CA
Glacier
- CB9ABE
≈ Peach Buff
- B9AC76
≈ Heavy Goldbrown
Komplementarna rozszczepiona +150° +210°
- 73B8CA
Glacier
- D599A4
≈ Parrot Pink
- CCA37A
≈ Golden Beige
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.22:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.43:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.43:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
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);
}