Nazwany kolor · #71A6D2
Polar Ice
Polar Ice to #71A6D2: rgb(113 166 210), hsl(207 52% 63%), oklch(0.705 0.086 244.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Polar Ice color name →
#71A6D2
oklch(0.705 0.086 244.5)
Konwersje koloru
- HEX
- #71a6d2
- RGB
- rgb(113 166 210)
- HSL
- hsl(207 52% 63%)
- HWB
- hwb(207 44% 18%)
- OKLCH
- oklch(0.705 0.086 244.5)
- OKLab
- oklab(0.705 -0.037 -0.077)
- CIE Lab
- lab(65.68 -9.17 -28.36)
- LCH
- lch(65.68 29.8 252.1)
- CMYK
- cmyk(46% 21% 0% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7FAFD7
- 8EB8DB
- 9CC1E0
- AAC9E5
- B8D2E9
- C6DBEE
- D4E4F2
- E2EDF6
- F1F6FB
Odcienie ciemniejsze
- 6190B6
- 527A9B
- 436581
- 355168
- 273E50
- 1A2B39
- 0E1A24
- 040A10
- 010102
Tony
- 73A2CA
- 759FC1
- 779BB9
- 7997B1
- 7A93A9
- 7C8FA1
- 7D8C98
- 7E8890
- 7F8488
Harmonie kolorów
Komplementarna +180°
- 71A6D2
Polar Ice
- C69566
≈ Chalet
Analogowa -30° +30°
- 71A6D2
Polar Ice
- 5AAEC1
≈ Blue Mist
- 909CD6
≈ Azureno
Triada +120° +240°
- 71A6D2
Polar Ice
- CE8999
≈ Puce
- 94A96E
≈ Green Tea Mochi
Komplementarna rozszczepiona +150° +210°
- 71A6D2
Polar Ice
- CF8D7C
≈ Constant Coral
- B1A060
≈ Antique Gold
Tetrada +90° +180° +270°
- 71A6D2
Polar Ice
- C18CB6
≈ Rock Star Pink
- C69566
≈ Chalet
- 74B088
≈ Green Bank
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.59:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 8.08:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 8.08:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
CSS
:root {
--polar-ice: #71a6d2;
--polar-ice-rgb: 113 166 210;
--polar-ice-oklch: oklch(0.705 0.086 244.5);
}
.element {
color: var(--polar-ice);
background-color: hsl(207 52% 63%);
border-color: oklch(0.705 0.086 244.5);
}Tailwind CSS v4
@theme {
--color-polar-ice: #71a6d2;
--color-polar-ice-50: #e2f8ff;
--color-polar-ice-100: #d2ebff;
--color-polar-ice-200: #b7d9f8;
--color-polar-ice-300: #94bce1;
--color-polar-ice-400: #72a4ce;
--color-polar-ice-500: #528cbb;
--color-polar-ice-600: #46779e;
--color-polar-ice-700: #385f7f;
--color-polar-ice-800: #26465e;
--color-polar-ice-900: #193042;
--color-polar-ice-950: #0a1c2a;
}SCSS
$polar-ice: #71a6d2;
$polar-ice-rgb: 113, 166, 210;
$polar-ice-light: mix(#fff, $polar-ice, 20%);
$polar-ice-dark: mix(#000, $polar-ice, 20%);
.element {
color: $polar-ice;
box-shadow: 0 0 0 2px rgba($polar-ice, 0.35);
}