En yakın adlandırılmış renk · #5E797D
#5E797D
En yakın adlandırılmış renk: North Atlantic
#5E797D (rgb(94 121 125), hsl(188 14% 43%), oklch(0.556 0.032 207.4)) en çok North Atlantic adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#5E797D
oklch(0.556 0.032 207.4)
Renk dönüşümleri
- HEX
- #5e797d
- RGB
- rgb(94 121 125)
- HSL
- hsl(188 14% 43%)
- HWB
- hwb(188 37% 51%)
- OKLCH
- oklch(0.556 0.032 207.4)
- OKLab
- oklab(0.556 -0.028 -0.015)
- CIE Lab
- lab(48.81 -9.38 -5.58)
- LCH
- lch(48.81 10.92 210.7)
- CMYK
- cmyk(25% 3% 0% 51%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6D8689
- 7C9296
- 8C9FA2
- 9CADAF
- ACBABC
- BCC7C9
- CCD5D6
- DDE3E4
- EEF1F1
Koyu tonlar
- 51686C
- 44585B
- 37484B
- 2B393B
- 1F2B2C
- 141D1E
- 0A1011
- 030505
- 000101
Gri tonlar
- 627A7D
- 657A7E
- 697B7E
- 6C7C7E
- 6F7D7F
- 737D7F
- 767E7F
- 797F7F
- 7D7F80
Renk uyumları
Tamamlayıcı +180°
- 5E797D
North Atlantic
- 856D69
≈ African Mud
Analog -30° +30°
- 5E797D
North Atlantic
- 607A73
≈ Refreshing Green
- 627784
≈ Freedom Found
Üçlü +120° +240°
- 5E797D
North Atlantic
- 7E6D7D
≈ Splendiferous
- 7B735E
≈ Backcountry
Bölünmüş tamamlayıcı +150° +210°
- 5E797D
North Atlantic
- 846C73
≈ Punctuate
- 826F61
≈ Summer Sparrow
Dörtlü +90° +180° +270°
- 5E797D
North Atlantic
- 757084
≈ Ritual
- 856D69
≈ African Mud
- 727661
≈ Mouse Tail
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.65:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.50:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--north-atlantic: #5e797d;
--north-atlantic-rgb: 94 121 125;
--north-atlantic-oklch: oklch(0.556 0.032 207.4);
}
.element {
color: var(--north-atlantic);
background-color: hsl(188 14% 43%);
border-color: oklch(0.556 0.032 207.4);
}Tailwind CSS v4
@theme {
--color-north-atlantic: #5e797d;
--color-north-atlantic-50: #ebf8fa;
--color-north-atlantic-100: #dcebee;
--color-north-atlantic-200: #c6d8dc;
--color-north-atlantic-300: #a6bcc0;
--color-north-atlantic-400: #89a4a8;
--color-north-atlantic-500: #6e8c91;
--color-north-atlantic-600: #5d777b;
--color-north-atlantic-700: #4a5f62;
--color-north-atlantic-800: #364648;
--color-north-atlantic-900: #253032;
--color-north-atlantic-950: #131c1e;
}SCSS
$north-atlantic: #5e797d;
$north-atlantic-rgb: 94, 121, 125;
$north-atlantic-light: mix(#fff, $north-atlantic, 20%);
$north-atlantic-dark: mix(#000, $north-atlantic, 20%);
.element {
color: $north-atlantic;
box-shadow: 0 0 0 2px rgba($north-atlantic, 0.35);
}