Adlandırılmış renk · #5A6D77
Rolling Sea
Rolling Sea, #5A6D77: rgb(90 109 119), hsl(201 14% 41%), oklch(0.523 0.028 230.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Rolling Sea color name →
#5A6D77
oklch(0.523 0.028 230.9)
Renk dönüşümleri
- HEX
- #5a6d77
- RGB
- rgb(90 109 119)
- HSL
- hsl(201 14% 41%)
- HWB
- hwb(201 35% 53%)
- OKLCH
- oklch(0.523 0.028 230.9)
- OKLab
- oklab(0.523 -0.017 -0.021)
- CIE Lab
- lab(44.74 -5.51 -8.07)
- LCH
- lch(44.74 9.77 235.7)
- CMYK
- cmyk(24% 8% 0% 53%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 697B84
- 798891
- 89969E
- 99A5AB
- A9B3B9
- BAC2C6
- CBD1D4
- DCE0E2
- EDEFF1
Koyu tonlar
- 4D5E67
- 414F57
- 354147
- 293338
- 1E262A
- 13191C
- 090D10
- 030405
- 000101
Gri tonlar
- 5E6F78
- 627179
- 65737A
- 69757B
- 6D777C
- 71787C
- 757A7D
- 787C7E
- 7C7E7F
Renk uyumları
Tamamlayıcı +180°
- 5A6D77
Rolling Sea
- 77665C
≈ Sea Elephant
Analog -30° +30°
- 5A6D77
Rolling Sea
- 576F70
≈ Unreal Teal
- 616A7A
≈ Ashen Whisper
Üçlü +120° +240°
- 5A6D77
Rolling Sea
- 77636C
≈ Chimaera
- 6A6B59
≈ All About Olive
Bölünmüş tamamlayıcı +150° +210°
- 5A6D77
Rolling Sea
- 796463
≈ Paradise Grape
- 726858
≈ Sandwashed Driftwood
Dörtlü +90° +180° +270°
- 5A6D77
Rolling Sea
- 716574
≈ Rum
- 77665C
≈ Sea Elephant
- 616E5F
≈ Bracken Green
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.40:1 · APCA Lc 77
Ag
FailSiyah üzerinde
WCAG 3.88:1 · APCA Lc 25
En iyi metin rengi: #FFFFFF
WCAG 5.40:1 (AA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--rolling-sea: #5a6d77;
--rolling-sea-rgb: 90 109 119;
--rolling-sea-oklch: oklch(0.523 0.028 230.9);
}
.element {
color: var(--rolling-sea);
background-color: hsl(201 14% 41%);
border-color: oklch(0.523 0.028 230.9);
}Tailwind CSS v4
@theme {
--color-rolling-sea: #5a6d77;
--color-rolling-sea-50: #eef7fc;
--color-rolling-sea-100: #dfeaf0;
--color-rolling-sea-200: #c9d7de;
--color-rolling-sea-300: #aabac3;
--color-rolling-sea-400: #8fa2ac;
--color-rolling-sea-500: #748a95;
--color-rolling-sea-600: #63757e;
--color-rolling-sea-700: #4f5d65;
--color-rolling-sea-800: #39444a;
--color-rolling-sea-900: #272f33;
--color-rolling-sea-950: #151c1f;
}SCSS
$rolling-sea: #5a6d77;
$rolling-sea-rgb: 90, 109, 119;
$rolling-sea-light: mix(#fff, $rolling-sea, 20%);
$rolling-sea-dark: mix(#000, $rolling-sea, 20%);
.element {
color: $rolling-sea;
box-shadow: 0 0 0 2px rgba($rolling-sea, 0.35);
}