Nazwany kolor · #559C9B
Cold North
Cold North to #559C9B: rgb(85 156 155), hsl(179 29% 47%), oklch(0.646 0.072 194.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Cold North color name →
#559C9B
oklch(0.646 0.072 194.3)
Konwersje koloru
- HEX
- #559c9b
- RGB
- rgb(85 156 155)
- HSL
- hsl(179 29% 47%)
- HWB
- hwb(179 33% 39%)
- OKLCH
- oklch(0.646 0.072 194.3)
- OKLab
- oklab(0.646 -0.069 -0.018)
- CIE Lab
- lab(59.74 -23.51 -6.82)
- LCH
- lch(59.74 24.48 196.2)
- CMYK
- cmyk(46% 0% 1% 39%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 67A6A5
- 79AFAE
- 8AB9B8
- 9BC3C2
- ABCDCC
- BCD7D6
- CDE1E0
- DDEBEA
- EEF5F5
Odcienie ciemniejsze
- 498786
- 3D7372
- 315F5E
- 264C4B
- 1C3939
- 112828
- 081818
- 020909
- 000101
Tony
- 5B9998
- 609796
- 659493
- 6A9190
- 6E8E8D
- 728B8B
- 768988
- 7A8685
- 7D8383
Harmonie kolorów
Komplementarna +180°
- 559C9B
Cold North
- B57C80
≈ Fiesta Rojo
Analogowa -30° +30°
- 559C9B
Cold North
- 639C83
≈ Scotch Lassie
- 5B98AF
≈ Chivalry
Triada +120° +240°
- 559C9B
Cold North
- 9E81AD
≈ Regal Orchid
- A8885C
≈ Partridge Knoll
Komplementarna rozszczepiona +150° +210°
- 559C9B
Cold North
- AE7D99
≈ Antique Hot Pink
- B4806A
≈ Brick Fence
Tetrada +90° +180° +270°
- 559C9B
Cold North
- 8988B9
≈ Soft Blue Lavender
- B57C80
≈ Fiesta Rojo
- 95915D
≈ Nile Reed
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.17:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.61:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.61:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--cold-north: #559c9b;
--cold-north-rgb: 85 156 155;
--cold-north-oklch: oklch(0.646 0.072 194.3);
}
.element {
color: var(--cold-north);
background-color: hsl(179 29% 47%);
border-color: oklch(0.646 0.072 194.3);
}Tailwind CSS v4
@theme {
--color-cold-north: #559c9b;
--color-cold-north-50: #dffcfc;
--color-cold-north-100: #cdf0f0;
--color-cold-north-200: #b1dede;
--color-cold-north-300: #8cc3c3;
--color-cold-north-400: #69acab;
--color-cold-north-500: #449594;
--color-cold-north-600: #3b7e7d;
--color-cold-north-700: #2f6564;
--color-cold-north-800: #214a49;
--color-cold-north-900: #163432;
--color-cold-north-950: #061f1e;
}SCSS
$cold-north: #559c9b;
$cold-north-rgb: 85, 156, 155;
$cold-north-light: mix(#fff, $cold-north, 20%);
$cold-north-dark: mix(#000, $cold-north, 20%);
.element {
color: $cold-north;
box-shadow: 0 0 0 2px rgba($cold-north, 0.35);
}