Adlandırılmış renk · #316C69
North Sea
North Sea, #316C69: rgb(49 108 105), hsl(177 38% 31%), oklch(0.491 0.062 190.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · North Sea color name →
#316C69
oklch(0.491 0.062 190.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 477A77
- 5B8885
- 6F9693
- 83A5A2
- 97B3B1
- ABC2C0
- C0D1D0
- D5E0DF
- EAEFEF
Koyu tonlar
- 295D5A
- 224E4C
- 1A403E
- 133231
- 0C2524
- 061918
- 030D0C
- 010404
- 000000
Gri tonlar
- 3B6E6B
- 44706E
- 4C7270
- 547472
- 5C7674
- 637877
- 6B7A79
- 727C7B
- 797E7E
Renk uyumları
Tamamlayıcı +180°
- 316C69
North Sea
- 805258
≈ Fine Burgundy
Analog -30° +30°
- 316C69
North Sea
- 3F6C55
≈ Toad King
- 356979
≈ Ocean’s Embrace
Üçlü +120° +240°
- 316C69
North Sea
- 6C577B
≈ Grape Expectations
- 775B39
≈ Nut Oil
Bölünmüş tamamlayıcı +150° +210°
- 316C69
North Sea
- 79536B
≈ Berry Conserve
- 7F5545
≈ Wild Stallion
Dörtlü +90° +180° +270°
- 316C69
North Sea
- 5A5D83
≈ Strong Iris
- 805258
≈ Fine Burgundy
- 686237
≈ Rationality
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.03:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.47:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 6.03:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
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);
}