Benannte Farbe · #729BB3
Ocean View
Ocean View ist #729BB3: rgb(114 155 179), hsl(202 30% 57%), oklch(0.668 0.057 234.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Ocean View color name →
#729BB3
oklch(0.668 0.057 234.4)
Farbumrechnungen
- HEX
- #729bb3
- RGB
- rgb(114 155 179)
- HSL
- hsl(202 30% 57%)
- HWB
- hwb(202 45% 30%)
- OKLCH
- oklch(0.668 0.057 234.4)
- OKLab
- oklab(0.668 -0.033 -0.047)
- CIE Lab
- lab(61.63 -9.91 -17.29)
- LCH
- lch(61.63 19.93 240.2)
- CMYK
- cmyk(36% 13% 0% 30%)
Tints · Shades · Tones
Tints
- 80A5BB
- 8EAEC2
- 9CB8CA
- A9C2D1
- B7CCD9
- C6D6E0
- D4E0E8
- E2EAF0
- F0F5F7
Shades
- 62869B
- 537284
- 445E6E
- 364B58
- 283943
- 1B282F
- 0E181D
- 04090C
- 010101
Tones
- 7498AE
- 7696A9
- 7793A4
- 79909F
- 7A8E99
- 7B8B94
- 7D888F
- 7E858A
- 7F8385
Farbharmonien
Komplementär +180°
- 729BB3
Ocean View
- B18C74
≈ Homeland
Analog -30° +30°
- 729BB3
Ocean View
- 6A9FA5
≈ Reef Waters
- 8395B9
≈ Denim Tradition
Triadisch +120° +240°
- 729BB3
Ocean View
- B28797
≈ Light Brown Drab
- 949971
≈ Alamosa Green
Geteilt komplementär +150° +210°
- 729BB3
Ocean View
- B68783
≈ Toki Brown
- A5926C
≈ Ecosystem
Tetradisch +90° +180° +270°
- 729BB3
Ocean View
- A789A9
≈ Baroness
- B18C74
≈ Homeland
- 809E7F
≈ Aquadulce
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.97:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.05:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 7.05:1 (AAA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--ocean-view: #729bb3;
--ocean-view-rgb: 114 155 179;
--ocean-view-oklch: oklch(0.668 0.057 234.4);
}
.element {
color: var(--ocean-view);
background-color: hsl(202 30% 57%);
border-color: oklch(0.668 0.057 234.4);
}Tailwind CSS v4
@theme {
--color-ocean-view: #729bb3;
--color-ocean-view-50: #e6f8ff;
--color-ocean-view-100: #d7ebf9;
--color-ocean-view-200: #bed9ea;
--color-ocean-view-300: #9cbdd1;
--color-ocean-view-400: #7da5bc;
--color-ocean-view-500: #608da7;
--color-ocean-view-600: #51778d;
--color-ocean-view-700: #415f71;
--color-ocean-view-800: #2e4653;
--color-ocean-view-900: #1f303a;
--color-ocean-view-950: #0f1d24;
}SCSS
$ocean-view: #729bb3;
$ocean-view-rgb: 114, 155, 179;
$ocean-view-light: mix(#fff, $ocean-view, 20%);
$ocean-view-dark: mix(#000, $ocean-view, 20%);
.element {
color: $ocean-view;
box-shadow: 0 0 0 2px rgba($ocean-view, 0.35);
}