Nazwany kolor · #316C69
North Sea
North Sea to #316C69: rgb(49 108 105), hsl(177 38% 31%), oklch(0.491 0.062 190.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · North Sea color name →
#316C69
oklch(0.491 0.062 190.9)
Konwersje koloru
- HEX
- #316c69
- RGB
- rgb(49 108 105)
- HSL
- hsl(177 38% 31%)
- HWB
- hwb(177 19% 58%)
- OKLCH
- oklch(0.491 0.062 190.9)
- OKLab
- oklab(0.491 -0.061 -0.012)
- CIE Lab
- lab(41.67 -20.65 -4.52)
- LCH
- lch(41.67 21.14 192.3)
- CMYK
- cmyk(55% 0% 3% 58%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 477A77
- 5B8885
- 6F9693
- 83A5A2
- 97B3B1
- ABC2C0
- C0D1D0
- D5E0DF
- EAEFEF
Odcienie ciemniejsze
- 295D5A
- 224E4C
- 1A403E
- 133231
- 0C2524
- 061918
- 030D0C
- 010404
- 000000
Tony
- 3B6E6B
- 44706E
- 4C7270
- 547472
- 5C7674
- 637877
- 6B7A79
- 727C7B
- 797E7E
Harmonie kolorów
Komplementarna +180°
- 316C69
North Sea
- 805258
≈ Fine Burgundy
Analogowa -30° +30°
- 316C69
North Sea
- 3F6C55
≈ Toad King
- 356979
≈ Ocean’s Embrace
Triada +120° +240°
- 316C69
North Sea
- 6C577B
≈ Grape Expectations
- 775B39
≈ Nut Oil
Komplementarna rozszczepiona +150° +210°
- 316C69
North Sea
- 79536B
≈ Berry Conserve
- 7F5545
≈ Wild Stallion
Tetrada +90° +180° +270°
- 316C69
North Sea
- 5A5D83
≈ Strong Iris
- 805258
≈ Fine Burgundy
- 686237
≈ Rationality
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.03:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.47:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.03:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--north-sea: #316c69;
--north-sea-rgb: 49 108 105;
--north-sea-oklch: oklch(0.491 0.062 190.9);
}
.element {
color: var(--north-sea);
background-color: hsl(177 38% 31%);
border-color: oklch(0.491 0.062 190.9);
}Tailwind CSS v4
@theme {
--color-north-sea: #316c69;
--color-north-sea-50: #e2fbfa;
--color-north-sea-100: #d1efed;
--color-north-sea-200: #b7dddb;
--color-north-sea-300: #93c2c0;
--color-north-sea-400: #73aaa7;
--color-north-sea-500: #529390;
--color-north-sea-600: #467d7a;
--color-north-sea-700: #386461;
--color-north-sea-800: #274947;
--color-north-sea-900: #1a3331;
--color-north-sea-950: #0b1f1d;
}SCSS
$north-sea: #316c69;
$north-sea-rgb: 49, 108, 105;
$north-sea-light: mix(#fff, $north-sea, 20%);
$north-sea-dark: mix(#000, $north-sea, 20%);
.element {
color: $north-sea;
box-shadow: 0 0 0 2px rgba($north-sea, 0.35);
}