Nazwany kolor · #5D9AA6
Frost Blue
Frost Blue to #5D9AA6: rgb(93 154 166), hsl(190 29% 51%), oklch(0.649 0.066 211.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Frost Blue color name →
#5D9AA6
oklch(0.649 0.066 211.5)
Konwersje koloru
- HEX
- #5d9aa6
- RGB
- rgb(93 154 166)
- HSL
- hsl(190 29% 51%)
- HWB
- hwb(190 36% 35%)
- OKLCH
- oklch(0.649 0.066 211.5)
- OKLab
- oklab(0.649 -0.056 -0.034)
- CIE Lab
- lab(59.81 -18.15 -12.86)
- LCH
- lch(59.81 22.25 215.3)
- CMYK
- cmyk(44% 7% 0% 35%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6EA4AF
- 7EAEB7
- 8EB8C0
- 9EC2C9
- AECCD2
- BED6DB
- CEE0E4
- DEEAED
- EFF5F6
Odcienie ciemniejsze
- 508590
- 43717A
- 375E65
- 2A4B51
- 1F393E
- 14272B
- 0A171A
- 03090A
- 000101
Tony
- 6297A2
- 66959E
- 6A929B
- 6E9097
- 718D93
- 758B8F
- 78888B
- 7B8588
- 7D8384
Harmonie kolorów
Komplementarna +180°
- 5D9AA6
Frost Blue
- B38076
≈ Sauvignon Blanc
Analogowa -30° +30°
- 5D9AA6
Frost Blue
- 609C92
≈ Goose Pond Green
- 6B94B4
≈ Aragonite Blue
Triada +120° +240°
- 5D9AA6
Frost Blue
- A781A1
≈ Pink Plumeria
- 9E8E60
≈ Pineapple Sage
Komplementarna rozszczepiona +150° +210°
- 5D9AA6
Frost Blue
- B17E8C
≈ Degas Pink
- AD8666
≈ Chamois Leather
Tetrada +90° +180° +270°
- 5D9AA6
Frost Blue
- 9686B1
≈ Silk Lilac
- B38076
≈ Sauvignon Blanc
- 889668
≈ Cactus Valley
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.16:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.63:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.63:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--frost-blue: #5d9aa6;
--frost-blue-rgb: 93 154 166;
--frost-blue-oklch: oklch(0.649 0.066 211.5);
}
.element {
color: var(--frost-blue);
background-color: hsl(190 29% 51%);
border-color: oklch(0.649 0.066 211.5);
}Tailwind CSS v4
@theme {
--color-frost-blue: #5d9aa6;
--color-frost-blue-50: #e1fbff;
--color-frost-blue-100: #d0eef5;
--color-frost-blue-200: #b5dce5;
--color-frost-blue-300: #91c1cc;
--color-frost-blue-400: #70a9b5;
--color-frost-blue-500: #4d929f;
--color-frost-blue-600: #427b87;
--color-frost-blue-700: #35636c;
--color-frost-blue-800: #25494f;
--color-frost-blue-900: #183237;
--color-frost-blue-950: #091e22;
}SCSS
$frost-blue: #5d9aa6;
$frost-blue-rgb: 93, 154, 166;
$frost-blue-light: mix(#fff, $frost-blue, 20%);
$frost-blue-dark: mix(#000, $frost-blue, 20%);
.element {
color: $frost-blue;
box-shadow: 0 0 0 2px rgba($frost-blue, 0.35);
}