En yakın adlandırılmış renk · #486072
#486072
En yakın adlandırılmış renk: Seven Seas
#486072 (rgb(72 96 114), hsl(206 23% 36%), oklch(0.477 0.041 241.1)) en çok Seven Seas 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.
#486072
oklch(0.477 0.041 241.1)
Renk dönüşümleri
- HEX
- #486072
- RGB
- rgb(72 96 114)
- HSL
- hsl(206 23% 36%)
- HWB
- hwb(206 28% 55%)
- OKLCH
- oklch(0.477 0.041 241.1)
- OKLab
- oklab(0.477 -0.02 -0.036)
- CIE Lab
- lab(39.32 -5.61 -13.3)
- LCH
- lch(39.32 14.44 247.1)
- CMYK
- cmyk(37% 16% 0% 55%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 596F7F
- 6A7E8D
- 7B8D9A
- 8D9CA8
- 9FACB6
- B2BCC5
- C5CDD3
- D8DDE1
- EBEEF0
Koyu tonlar
- 3D5262
- 334553
- 293844
- 1F2C36
- 162028
- 0D151B
- 060A0E
- 020304
- 000001
Gri tonlar
- 4E6373
- 536675
- 596A76
- 5E6D78
- 647079
- 6A737B
- 6F767C
- 757A7D
- 7A7D7F
Renk uyumları
Tamamlayıcı +180°
- 486072
Seven Seas
- 6E5845
≈ Tobacco Brown
Analog -30° +30°
- 486072
Seven Seas
- 41636A
≈ Wanderlust
- 545C74
≈ Vintage Indigo
Üçlü +120° +240°
- 486072
Seven Seas
- 71535B
≈ Ruby Grey
- 596147
≈ Boughs of Pine
Bölünmüş tamamlayıcı +150° +210°
- 486072
Seven Seas
- 72544F
≈ Terrace Brown
- 655C42
≈ Cold Pressed
Dörtlü +90° +180° +270°
- 486072
Seven Seas
- 6B5467
≈ Vintner
- 6E5845
≈ Tobacco Brown
- 4C6451
≈ Pasture Green
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.57:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.19:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.57:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--seven-seas: #486072;
--seven-seas-rgb: 72 96 114;
--seven-seas-oklch: oklch(0.477 0.041 241.1);
}
.element {
color: var(--seven-seas);
background-color: hsl(206 23% 36%);
border-color: oklch(0.477 0.041 241.1);
}Tailwind CSS v4
@theme {
--color-seven-seas: #486072;
--color-seven-seas-50: #ecf7ff;
--color-seven-seas-100: #ddeaf5;
--color-seven-seas-200: #c6d7e5;
--color-seven-seas-300: #a6bacb;
--color-seven-seas-400: #8aa2b5;
--color-seven-seas-500: #6e8a9f;
--color-seven-seas-600: #5e7587;
--color-seven-seas-700: #4b5e6c;
--color-seven-seas-800: #35454f;
--color-seven-seas-900: #242f37;
--color-seven-seas-950: #131c22;
}SCSS
$seven-seas: #486072;
$seven-seas-rgb: 72, 96, 114;
$seven-seas-light: mix(#fff, $seven-seas, 20%);
$seven-seas-dark: mix(#000, $seven-seas, 20%);
.element {
color: $seven-seas;
box-shadow: 0 0 0 2px rgba($seven-seas, 0.35);
}