Benannte Farbe · #7594B3
Ocean Ridge
Ocean Ridge ist #7594B3: rgb(117 148 179), hsl(210 29% 58%), oklch(0.654 0.058 248.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Ocean Ridge color name →
#7594B3
oklch(0.654 0.058 248.7)
Farbumrechnungen
- HEX
- #7594b3
- RGB
- rgb(117 148 179)
- HSL
- hsl(210 29% 58%)
- HWB
- hwb(210 46% 30%)
- OKLCH
- oklch(0.654 0.058 248.7)
- OKLab
- oklab(0.654 -0.021 -0.054)
- CIE Lab
- lab(59.82 -5.39 -20)
- LCH
- lch(59.82 20.72 254.9)
- CMYK
- cmyk(35% 17% 0% 30%)
Tints · Shades · Tones
Tints
- 829EBB
- 90A9C2
- 9DB3CA
- ABBED1
- B8C9D9
- C6D3E1
- D4DEE8
- E2E9F0
- F1F4F7
Shades
- 65809B
- 556D84
- 465A6E
- 374858
- 293643
- 1C262F
- 0F161D
- 05080C
- 010101
Tones
- 7692AE
- 7890A9
- 798EA4
- 7A8C9F
- 7B8A9A
- 7C8894
- 7D868F
- 7E848A
- 7F8285
Farbharmonien
Komplementär +180°
- 7594B3
Ocean Ridge
- A88A6A
≈ Confidence
Analog -30° +30°
- 7594B3
Ocean Ridge
- 6799A9
≈ Cloudy Sea
- 888DB4
≈ Persian Violet
Triadisch +120° +240°
- 7594B3
Ocean Ridge
- B18289
≈ Retro Pink
- 869872
≈ Backyard
Geteilt komplementär +150° +210°
- 7594B3
Ocean Ridge
- B08577
≈ Canyon Earth
- 999168
≈ Grey-Headed Woodpecker Green
Tetradisch +90° +180° +270°
- 7594B3
Ocean Ridge
- A9839D
≈ Capri Fashion Pink
- A88A6A
≈ Confidence
- 729C84
≈ Peahen
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.16:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.64:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.64:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--ocean-ridge: #7594b3;
--ocean-ridge-rgb: 117 148 179;
--ocean-ridge-oklch: oklch(0.654 0.058 248.7);
}
.element {
color: var(--ocean-ridge);
background-color: hsl(210 29% 58%);
border-color: oklch(0.654 0.058 248.7);
}Tailwind CSS v4
@theme {
--color-ocean-ridge: #7594b3;
--color-ocean-ridge-50: #e9f7ff;
--color-ocean-ridge-100: #daeafb;
--color-ocean-ridge-200: #c2d7ed;
--color-ocean-ridge-300: #a2bad5;
--color-ocean-ridge-400: #84a2c0;
--color-ocean-ridge-500: #688aab;
--color-ocean-ridge-600: #587591;
--color-ocean-ridge-700: #465d74;
--color-ocean-ridge-800: #324456;
--color-ocean-ridge-900: #222f3c;
--color-ocean-ridge-950: #111c26;
}SCSS
$ocean-ridge: #7594b3;
$ocean-ridge-rgb: 117, 148, 179;
$ocean-ridge-light: mix(#fff, $ocean-ridge, 20%);
$ocean-ridge-dark: mix(#000, $ocean-ridge, 20%);
.element {
color: $ocean-ridge;
box-shadow: 0 0 0 2px rgba($ocean-ridge, 0.35);
}