Adlandırılmış renk · #7896BA
Ocean City
Ocean City, #7896BA: rgb(120 150 186), hsl(213 32% 60%), oklch(0.664 0.064 253.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Ocean City color name →
#7896BA
oklch(0.664 0.064 253.3)
Renk dönüşümleri
- HEX
- #7896ba
- RGB
- rgb(120 150 186)
- HSL
- hsl(213 32% 60%)
- HWB
- hwb(213 47% 27%)
- OKLCH
- oklch(0.664 0.064 253.3)
- OKLab
- oklab(0.664 -0.018 -0.061)
- CIE Lab
- lab(60.8 -4.08 -22.42)
- LCH
- lch(60.8 22.79 259.7)
- CMYK
- cmyk(35% 19% 0% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 85A0C1
- 92AAC8
- 9FB5CF
- ACBFD6
- BACADD
- C7D4E4
- D5DFEA
- E3E9F1
- F1F4F8
Koyu tonlar
- 6782A1
- 576E89
- 485B72
- 39495C
- 2A3746
- 1D2632
- 10161E
- 05080D
- 010102
Gri tonlar
- 7994B4
- 7A92AE
- 7B90A9
- 7C8DA3
- 7D8B9D
- 7D8997
- 7E8791
- 7F858C
- 7F8286
Renk uyumları
Tamamlayıcı +180°
- 7896BA
Ocean City
- AB8E68
≈ Morrel
Analog -30° +30°
- 7896BA
Ocean City
- 679CB0
≈ Yacht Blue
- 8E8FBA
≈ Sweet Lavender
Üçlü +120° +240°
- 7896BA
Ocean City
- B78488
≈ Lime Pink
- 849C74
≈ Sweet Florence
Bölünmüş tamamlayıcı +150° +210°
- 7896BA
Ocean City
- B58774
≈ Painted Skies
- 9A9568
≈ Green Lentils
Dörtlü +90° +180° +270°
- 7896BA
Ocean City
- B0849D
≈ Heather Violet
- AB8E68
≈ Morrel
- 6FA088
≈ Peahen
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.05:1 · APCA Lc 57
Ag
AASiyah üzerinde
WCAG 6.87:1 · APCA Lc 44
En iyi metin rengi: #000000
WCAG 6.87:1 (AA) · APCA Lc 44
Contrast pairs
Kod parçacıkları
CSS
:root {
--ocean-city: #7896ba;
--ocean-city-rgb: 120 150 186;
--ocean-city-oklch: oklch(0.664 0.064 253.3);
}
.element {
color: var(--ocean-city);
background-color: hsl(213 32% 60%);
border-color: oklch(0.664 0.064 253.3);
}Tailwind CSS v4
@theme {
--color-ocean-city: #7896ba;
--color-ocean-city-50: #e9f6ff;
--color-ocean-city-100: #dae9fd;
--color-ocean-city-200: #c3d6f0;
--color-ocean-city-300: #a2bad8;
--color-ocean-city-400: #84a1c4;
--color-ocean-city-500: #6889b0;
--color-ocean-city-600: #597494;
--color-ocean-city-700: #475d77;
--color-ocean-city-800: #324458;
--color-ocean-city-900: #222f3d;
--color-ocean-city-950: #111b27;
}SCSS
$ocean-city: #7896ba;
$ocean-city-rgb: 120, 150, 186;
$ocean-city-light: mix(#fff, $ocean-city, 20%);
$ocean-city-dark: mix(#000, $ocean-city, 20%);
.element {
color: $ocean-city;
box-shadow: 0 0 0 2px rgba($ocean-city, 0.35);
}