Nazwany kolor · #4596CF
Perfect Sky
Perfect Sky to #4596CF: rgb(69 150 207), hsl(205 59% 54%), oklch(0.648 0.116 242.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Perfect Sky color name →
#4596CF
oklch(0.648 0.116 242.3)
Konwersje koloru
- HEX
- #4596cf
- RGB
- rgb(69 150 207)
- HSL
- hsl(205 59% 54%)
- HWB
- hwb(205 27% 19%)
- OKLCH
- oklch(0.648 0.116 242.3)
- OKLab
- oklab(0.648 -0.054 -0.103)
- CIE Lab
- lab(58.95 -11.76 -37.27)
- LCH
- lch(58.95 39.09 252.5)
- CMYK
- cmyk(67% 28% 0% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5AA1D4
- 6EABDA
- 81B6DF
- 93C0E4
- A5CBE8
- B7D5ED
- C9E0F2
- DBEAF6
- EDF5FB
Odcienie ciemniejsze
- 3B82B4
- 316E99
- 275B7F
- 1E4967
- 15374F
- 0C2638
- 051623
- 020810
- 000102
Tony
- 4E94C7
- 5592BF
- 5C90B8
- 628EB0
- 688CA8
- 6E8AA0
- 738798
- 778590
- 7C8388
Harmonie kolorów
Komplementarna +180°
- 4596CF
Perfect Sky
- C07D3C
≈ Beeswax Candle
Analogowa -30° +30°
- 4596CF
Perfect Sky
- 00A0B7
≈ January Blue
- 7689D5
≈ Tanzine
Triada +120° +240°
- 4596CF
Perfect Sky
- C86E88
≈ Silk Ribbon
- 829943
≈ Café de Paris
Komplementarna rozszczepiona +150° +210°
- 4596CF
Perfect Sky
- CB7260
≈ It’s My Party
- A88C2B
≈ Faint Green
Tetrada +90° +180° +270°
- 4596CF
Perfect Sky
- B873AE
≈ Eccentric Magenta
- C07D3C
≈ Beeswax Candle
- 51A36B
≈ Mosaic Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.22:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.51:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.51:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--perfect-sky: #4596cf;
--perfect-sky-rgb: 69 150 207;
--perfect-sky-oklch: oklch(0.648 0.116 242.3);
}
.element {
color: var(--perfect-sky);
background-color: hsl(205 59% 54%);
border-color: oklch(0.648 0.116 242.3);
}Tailwind CSS v4
@theme {
--color-perfect-sky: #4596cf;
--color-perfect-sky-50: #dafaff;
--color-perfect-sky-100: #c8edff;
--color-perfect-sky-200: #aadaff;
--color-perfect-sky-300: #83beef;
--color-perfect-sky-400: #5ba6dd;
--color-perfect-sky-500: #2f8ecc;
--color-perfect-sky-600: #2a78ac;
--color-perfect-sky-700: #21608a;
--color-perfect-sky-800: #134766;
--color-perfect-sky-900: #0c3148;
--color-perfect-sky-950: #011d2f;
}SCSS
$perfect-sky: #4596cf;
$perfect-sky-rgb: 69, 150, 207;
$perfect-sky-light: mix(#fff, $perfect-sky, 20%);
$perfect-sky-dark: mix(#000, $perfect-sky, 20%);
.element {
color: $perfect-sky;
box-shadow: 0 0 0 2px rgba($perfect-sky, 0.35);
}