Adlandırılmış renk · #4B7794
Sea Drifter
Sea Drifter, #4B7794: rgb(75 119 148), hsl(204 33% 44%), oklch(0.549 0.067 238.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Sea Drifter color name →
#4B7794
oklch(0.549 0.067 238.5)
Renk dönüşümleri
- HEX
- #4b7794
- RGB
- rgb(75 119 148)
- HSL
- hsl(204 33% 44%)
- HWB
- hwb(204 29% 42%)
- OKLCH
- oklch(0.549 0.067 238.5)
- OKLab
- oklab(0.549 -0.035 -0.057)
- CIE Lab
- lab(47.73 -9.38 -20.83)
- LCH
- lch(47.73 22.85 245.8)
- CMYK
- cmyk(49% 20% 0% 42%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5D849E
- 6E91A9
- 7F9EB4
- 91ACBE
- A3B9C9
- B5C7D4
- C7D5DE
- DAE3E9
- ECF1F4
Koyu tonlar
- 406780
- 35576D
- 2B475A
- 213848
- 172A36
- 0E1C26
- 061016
- 020508
- 000101
Gri tonlar
- 517892
- 577990
- 5C7A8E
- 627B8C
- 677C8A
- 6C7D88
- 717E86
- 767E84
- 7B7F82
Renk uyumları
Tamamlayıcı +180°
- 4B7794
Sea Drifter
- 8F684A
≈ Webcap Brown
Analog -30° +30°
- 4B7794
Sea Drifter
- 3D7C86
≈ Mysterious Blue
- 617099
≈ Blueberry Patch
Üçlü +120° +240°
- 4B7794
Sea Drifter
- 926171
≈ Mauve Taupe
- 6D774A
≈ Ancient Bonsai
Bölünmüş tamamlayıcı +150° +210°
- 4B7794
Sea Drifter
- 94625B
≈ Canyon Stone
- 816F42
≈ Italian Olive
Dörtlü +90° +180° +270°
- 4B7794
Sea Drifter
- 876385
≈ Orchid Orchestra
- 8F684A
≈ Webcap Brown
- 567C5C
≈ Green Mantle
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.81:1 · APCA Lc 73
Ag
FailSiyah üzerinde
WCAG 4.36:1 · APCA Lc 28
En iyi metin rengi: #FFFFFF
WCAG 4.81:1 (AA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--sea-drifter: #4b7794;
--sea-drifter-rgb: 75 119 148;
--sea-drifter-oklch: oklch(0.549 0.067 238.5);
}
.element {
color: var(--sea-drifter);
background-color: hsl(204 33% 44%);
border-color: oklch(0.549 0.067 238.5);
}Tailwind CSS v4
@theme {
--color-sea-drifter: #4b7794;
--color-sea-drifter-50: #e5f8ff;
--color-sea-drifter-100: #d5ebfc;
--color-sea-drifter-200: #bcd9ee;
--color-sea-drifter-300: #99bdd7;
--color-sea-drifter-400: #7aa5c2;
--color-sea-drifter-500: #5b8dae;
--color-sea-drifter-600: #4e7793;
--color-sea-drifter-700: #3e5f76;
--color-sea-drifter-800: #2b4657;
--color-sea-drifter-900: #1d303c;
--color-sea-drifter-950: #0d1d26;
}SCSS
$sea-drifter: #4b7794;
$sea-drifter-rgb: 75, 119, 148;
$sea-drifter-light: mix(#fff, $sea-drifter, 20%);
$sea-drifter-dark: mix(#000, $sea-drifter, 20%);
.element {
color: $sea-drifter;
box-shadow: 0 0 0 2px rgba($sea-drifter, 0.35);
}