Benannte Farbe · #93BDCF
Reef Blue
Reef Blue ist #93BDCF: rgb(147 189 207), hsl(198 38% 69%), oklch(0.774 0.052 226). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Reef Blue color name →
#93BDCF
oklch(0.774 0.052 226)
Farbumrechnungen
- HEX
- #93bdcf
- RGB
- rgb(147 189 207)
- HSL
- hsl(198 38% 69%)
- HWB
- hwb(198 58% 19%)
- OKLCH
- oklch(0.774 0.052 226)
- OKLab
- oklab(0.774 -0.036 -0.037)
- CIE Lab
- lab(74.03 -11.33 -13.91)
- LCH
- lch(74.03 17.94 230.8)
- CMYK
- cmyk(29% 9% 0% 19%)
Tints · Shades · Tones
Tints
- 9EC4D4
- A9CAD9
- B3D1DD
- BED7E2
- C9DEE7
- D4E4EC
- DEEBF1
- E9F2F5
- F4F8FA
Shades
- 7FA4B4
- 6C8C99
- 59747F
- 475D67
- 36474F
- 253338
- 161F23
- 080D10
- 010202
Tones
- 91B7C7
- 90B1BF
- 8EAAB7
- 8CA4AF
- 8A9EA7
- 88989F
- 869297
- 848C8F
- 828688
Farbharmonien
Komplementär +180°
- 93BDCF
Reef Blue
- D3AC9A
≈ Hayride
Analog -30° +30°
- 93BDCF
Reef Blue
- 8FC0C0
≈ Cabana Bay
- A0B8D7
≈ Mont Blanc
Triadisch +120° +240°
- 93BDCF
Reef Blue
- CFA9BC
≈ Winsome Orchid
- B9B892
≈ Bog
Geteilt komplementär +150° +210°
- 93BDCF
Reef Blue
- D5A9AA
≈ Silver Pink
- C9B291
≈ Tropical Tan
Tetradisch +90° +180° +270°
- 93BDCF
Reef Blue
- C3ACCC
≈ Purple Chalk
- D3AC9A
≈ Hayride
- A7BE9D
≈ Rolling Glen
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.01:1 · APCA Lc 39
Ag
AAAAuf Schwarz
WCAG 10.42:1 · APCA Lc 63
Beste Textfarbe: #000000
WCAG 10.42:1 (AAA) · APCA Lc 63
Contrast pairs
Code-Snippets
CSS
:root {
--reef-blue: #93bdcf;
--reef-blue-rgb: 147 189 207;
--reef-blue-oklch: oklch(0.774 0.052 226);
}
.element {
color: var(--reef-blue);
background-color: hsl(198 38% 69%);
border-color: oklch(0.774 0.052 226);
}Tailwind CSS v4
@theme {
--color-reef-blue: #93bdcf;
--color-reef-blue-50: #e7f8ff;
--color-reef-blue-100: #d7ecf6;
--color-reef-blue-200: #bed9e6;
--color-reef-blue-300: #9dbdcc;
--color-reef-blue-400: #7ea5b6;
--color-reef-blue-500: #618ea0;
--color-reef-blue-600: #527888;
--color-reef-blue-700: #41606d;
--color-reef-blue-800: #2e4650;
--color-reef-blue-900: #1f3137;
--color-reef-blue-950: #0f1d22;
}SCSS
$reef-blue: #93bdcf;
$reef-blue-rgb: 147, 189, 207;
$reef-blue-light: mix(#fff, $reef-blue, 20%);
$reef-blue-dark: mix(#000, $reef-blue, 20%);
.element {
color: $reef-blue;
box-shadow: 0 0 0 2px rgba($reef-blue, 0.35);
}