Adlandırılmış renk · #2B6C8E
Ocean Call
Ocean Call, #2B6C8E: rgb(43 108 142), hsl(201 54% 36%), oklch(0.505 0.085 234.9). 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 Call color name →
#2B6C8E
oklch(0.505 0.085 234.9)
Renk dönüşümleri
- HEX
- #2b6c8e
- RGB
- rgb(43 108 142)
- HSL
- hsl(201 54% 36%)
- HWB
- hwb(201 17% 44%)
- OKLCH
- oklch(0.505 0.085 234.9)
- OKLab
- oklab(0.505 -0.049 -0.069)
- CIE Lab
- lab(42.65 -12.56 -25.23)
- LCH
- lch(42.65 28.18 243.5)
- CMYK
- cmyk(70% 24% 0% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 427A99
- 5888A4
- 6C97B0
- 81A5BB
- 95B4C6
- AAC2D1
- BFD1DD
- D4E0E8
- E9F0F4
Koyu tonlar
- 245D7B
- 1D4E68
- 164056
- 103244
- 0A2534
- 051924
- 020D15
- 010407
- 000001
Gri tonlar
- 366E8D
- 40708C
- 49738A
- 527589
- 5A7788
- 627986
- 6A7B85
- 717C83
- 797E82
Renk uyumları
Tamamlayıcı +180°
- 2B6C8E
Ocean Call
- 8A5732
≈ Burnt Crust
Analog -30° +30°
- 2B6C8E
Ocean Call
- 07727C
≈ Night Scape
- 4D6395
≈ Dutch Blue
Üçlü +120° +240°
- 2B6C8E
Ocean Call
- 8A4F67
≈ Raspberry Crush
- 636A2D
≈ Heavy Khaki
Bölünmüş tamamlayıcı +150° +210°
- 2B6C8E
Ocean Call
- 8F504C
≈ Moroccan Ruby
- 7B6024
≈ Brassy Brass
Dörtlü +90° +180° +270°
- 2B6C8E
Ocean Call
- 7D537F
≈ Birthstone
- 8A5732
≈ Burnt Crust
- 447146
≈ Under the Radar
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.77:1 · APCA Lc 79
Ag
FailSiyah üzerinde
WCAG 3.63:1 · APCA Lc 23
En iyi metin rengi: #FFFFFF
WCAG 5.77:1 (AA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--ocean-call: #2b6c8e;
--ocean-call-rgb: 43 108 142;
--ocean-call-oklch: oklch(0.505 0.085 234.9);
}
.element {
color: var(--ocean-call);
background-color: hsl(201 54% 36%);
border-color: oklch(0.505 0.085 234.9);
}Tailwind CSS v4
@theme {
--color-ocean-call: #2b6c8e;
--color-ocean-call-50: #dffaff;
--color-ocean-call-100: #ceedff;
--color-ocean-call-200: #b3daf4;
--color-ocean-call-300: #8ebfde;
--color-ocean-call-400: #6ba7c9;
--color-ocean-call-500: #478fb6;
--color-ocean-call-600: #3d799a;
--color-ocean-call-700: #31617b;
--color-ocean-call-800: #21475b;
--color-ocean-call-900: #163140;
--color-ocean-call-950: #071d29;
}SCSS
$ocean-call: #2b6c8e;
$ocean-call-rgb: 43, 108, 142;
$ocean-call-light: mix(#fff, $ocean-call, 20%);
$ocean-call-dark: mix(#000, $ocean-call, 20%);
.element {
color: $ocean-call;
box-shadow: 0 0 0 2px rgba($ocean-call, 0.35);
}