Benannte Farbe · #0F9BC0
Sea Wonder
Sea Wonder ist #0F9BC0: rgb(15 155 192), hsl(193 86% 41%), oklch(0.641 0.117 223.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Sea Wonder color name →
#0F9BC0
oklch(0.641 0.117 223.2)
Farbumrechnungen
- HEX
- #0f9bc0
- RGB
- rgb(15 155 192)
- HSL
- hsl(193 86% 41%)
- HWB
- hwb(193 6% 25%)
- OKLCH
- oklch(0.641 0.117 223.2)
- OKLab
- oklab(0.641 -0.085 -0.08)
- CIE Lab
- lab(58.79 -24.56 -29.25)
- LCH
- lch(58.79 38.19 230)
- CMYK
- cmyk(92% 19% 0% 25%)
Tints · Shades · Tones
Tints
- 3DA5C7
- 59AFCD
- 70B9D3
- 86C3DA
- 9BCDE0
- AFD7E6
- C3E1ED
- D7EBF3
- EBF5F9
Shades
- 0B86A7
- 08728E
- 055E76
- 034B5F
- 023949
- 012834
- 001820
- 00090E
- 000102
Tones
- 2D99BA
- 3E96B3
- 4B94AD
- 5591A7
- 5E8EA0
- 668C9A
- 6D8993
- 74868D
- 7A8387
Farbharmonien
Komplementär +180°
- 0F9BC0
Sea Wonder
- C77350
≈ Spanish Peanut
Analog -30° +30°
- 0F9BC0
Sea Wonder
- 00A19F
≈ Aqua Velvet
- 568FD2
≈ Blue Dart
Triadisch +120° +240°
- 0F9BC0
Sea Wonder
- BD6E9F
≈ Crocus
- 998F2D
≈ Sleepy Hamlet
Geteilt komplementär +150° +210°
- 0F9BC0
Sea Wonder
- C96C78
≈ Lovebirds
- B7802E
≈ Cider Toddy
Tetradisch +90° +180° +270°
- 0F9BC0
Sea Wonder
- A576BF
≈ Purple Pride
- C77350
≈ Spanish Peanut
- 6F9B4E
≈ Flat Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.24:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.47:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.47:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--sea-wonder: #0f9bc0;
--sea-wonder-rgb: 15 155 192;
--sea-wonder-oklch: oklch(0.641 0.117 223.2);
}
.element {
color: var(--sea-wonder);
background-color: hsl(193 86% 41%);
border-color: oklch(0.641 0.117 223.2);
}Tailwind CSS v4
@theme {
--color-sea-wonder: #0f9bc0;
--color-sea-wonder-50: #d2fdff;
--color-sea-wonder-100: #bff1ff;
--color-sea-wonder-200: #9ddffa;
--color-sea-wonder-300: #70c4e5;
--color-sea-wonder-400: #3dadd1;
--color-sea-wonder-500: #0096be;
--color-sea-wonder-600: #007fa1;
--color-sea-wonder-700: #006581;
--color-sea-wonder-800: #004b5f;
--color-sea-wonder-900: #003442;
--color-sea-wonder-950: #001f2b;
}SCSS
$sea-wonder: #0f9bc0;
$sea-wonder-rgb: 15, 155, 192;
$sea-wonder-light: mix(#fff, $sea-wonder, 20%);
$sea-wonder-dark: mix(#000, $sea-wonder, 20%);
.element {
color: $sea-wonder;
box-shadow: 0 0 0 2px rgba($sea-wonder, 0.35);
}