En yakın adlandırılmış renk · #4F6F8D
#4F6F8D
En yakın adlandırılmış renk: Beach View
#4F6F8D (rgb(79 111 141), hsl(209 28% 43%), oklch(0.529 0.06 247.4)) en çok Beach View 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.
#4F6F8D
oklch(0.529 0.06 247.4)
Renk dönüşümleri
- HEX
- #4f6f8d
- RGB
- rgb(79 111 141)
- HSL
- hsl(209 28% 43%)
- HWB
- hwb(209 31% 45%)
- OKLCH
- oklch(0.529 0.06 247.4)
- OKLab
- oklab(0.529 -0.023 -0.056)
- CIE Lab
- lab(45.29 -5.57 -20.41)
- LCH
- lch(45.29 21.16 254.7)
- CMYK
- cmyk(44% 21% 0% 45%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 607D98
- 708AA3
- 8198AF
- 92A6BA
- A4B5C5
- B6C3D1
- C8D2DC
- DAE1E8
- ECF0F3
Koyu tonlar
- 44607A
- 385167
- 2E4255
- 233444
- 192733
- 101A23
- 070E14
- 020407
- 000101
Gri tonlar
- 54718C
- 59738B
- 5E748A
- 637688
- 687887
- 6D7A86
- 727B84
- 777D83
- 7B7E81
Renk uyumları
Tamamlayıcı +180°
- 4F6F8D
Beach View
- 836545
≈ Bright Umber
Analog -30° +30°
- 4F6F8D
Beach View
- 407483
≈ Silken Peacock
- 63698F
≈ Justice
Üçlü +120° +240°
- 4F6F8D
Beach View
- 8A5D65
≈ Rabbit Paws
- 62724C
≈ Greenfield
Bölünmüş tamamlayıcı +150° +210°
- 4F6F8D
Beach View
- 8B5F53
≈ Red Curry
- 756C43
≈ Trim
Dörtlü +90° +180° +270°
- 4F6F8D
Beach View
- 835E78
≈ Purple Gumdrop
- 836545
≈ Bright Umber
- 4D765E
≈ Green Valley
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.26:1 · APCA Lc 76
Ag
FailSiyah üzerinde
WCAG 3.99:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--beach-view: #4f6f8d;
--beach-view-rgb: 79 111 141;
--beach-view-oklch: oklch(0.529 0.06 247.4);
}
.element {
color: var(--beach-view);
background-color: hsl(209 28% 43%);
border-color: oklch(0.529 0.06 247.4);
}Tailwind CSS v4
@theme {
--color-beach-view: #4f6f8d;
--color-beach-view-50: #e9f7ff;
--color-beach-view-100: #d9eafc;
--color-beach-view-200: #c1d7ee;
--color-beach-view-300: #a0bbd6;
--color-beach-view-400: #82a2c1;
--color-beach-view-500: #668aac;
--color-beach-view-600: #567592;
--color-beach-view-700: #455e75;
--color-beach-view-800: #314556;
--color-beach-view-900: #21303c;
--color-beach-view-950: #101c26;
}SCSS
$beach-view: #4f6f8d;
$beach-view-rgb: 79, 111, 141;
$beach-view-light: mix(#fff, $beach-view, 20%);
$beach-view-dark: mix(#000, $beach-view, 20%);
.element {
color: $beach-view;
box-shadow: 0 0 0 2px rgba($beach-view, 0.35);
}