Colore con nome · #2B6C8E
Ocean Call
Ocean Call è #2B6C8E: rgb(43 108 142), hsl(201 54% 36%), oklch(0.505 0.085 234.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Ocean Call color name →
#2B6C8E
oklch(0.505 0.085 234.9)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 427A99
- 5888A4
- 6C97B0
- 81A5BB
- 95B4C6
- AAC2D1
- BFD1DD
- D4E0E8
- E9F0F4
Ombre
- 245D7B
- 1D4E68
- 164056
- 103244
- 0A2534
- 051924
- 020D15
- 010407
- 000001
Toni
- 366E8D
- 40708C
- 49738A
- 527589
- 5A7788
- 627986
- 6A7B85
- 717C83
- 797E82
Armonie di colore
Complementare +180°
- 2B6C8E
Ocean Call
- 8A5732
≈ Burnt Crust
Analogo -30° +30°
- 2B6C8E
Ocean Call
- 07727C
≈ Night Scape
- 4D6395
≈ Dutch Blue
Triadico +120° +240°
- 2B6C8E
Ocean Call
- 8A4F67
≈ Raspberry Crush
- 636A2D
≈ Heavy Khaki
Complementare divisa +150° +210°
- 2B6C8E
Ocean Call
- 8F504C
≈ Moroccan Ruby
- 7B6024
≈ Brassy Brass
Tetradico +90° +180° +270°
- 2B6C8E
Ocean Call
- 7D537F
≈ Birthstone
- 8A5732
≈ Burnt Crust
- 447146
≈ Under the Radar
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.77:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.63:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 5.77:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
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);
}