Nächste benannte Farbe · #73C2C8
#73C2C8
Nächste benannte Farbe: Wavelet
#73C2C8 (rgb(115 194 200), hsl(184 44% 62%), oklch(0.766 0.078 201.9)) liegt am nächsten an der benannten Farbe Wavelet. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#73C2C8
oklch(0.766 0.078 201.9)
Farbumrechnungen
- HEX
- #73c2c8
- RGB
- rgb(115 194 200)
- HSL
- hsl(184 44% 62%)
- HWB
- hwb(184 45% 22%)
- OKLCH
- oklch(0.766 0.078 201.9)
- OKLab
- oklab(0.766 -0.073 -0.029)
- CIE Lab
- lab(73.54 -24.2 -11.08)
- LCH
- lch(73.54 26.62 204.6)
- CMYK
- cmyk(43% 3% 0% 22%)
Tints · Shades · Tones
Tints
- 82C8CD
- 91CED3
- A0D4D8
- AEDBDE
- BBE1E3
- C9E7E9
- D7EDEE
- E4F3F4
- F2F9F9
Shades
- 63A8AE
- 548F94
- 45777B
- 366063
- 28494C
- 1B3436
- 0F2021
- 050E0F
- 010202
Tones
- 76BBC1
- 78B5B9
- 7AAEB2
- 7CA7AB
- 7DA1A3
- 7E9A9C
- 7F9495
- 808D8E
- 808787
Farbharmonien
Komplementär +180°
- 73C2C8
Wavelet
- E19F9C
≈ Pale Berry
Analog -30° +30°
- 73C2C8
Wavelet
- 7DC3AD
≈ Green Balloon
- 7FBCDC
≈ Enchanting
Triadisch +120° +240°
- 73C2C8
Wavelet
- CBA3D1
≈ Lilac Lace
- CCAE79
≈ Cup of Tea
Geteilt komplementär +150° +210°
- 73C2C8
Wavelet
- DB9FB8
≈ Pink Gin
- DCA585
≈ Nairobi Dusk
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.04:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.27:1 · APCA Lc 63
Beste Textfarbe: #000000
WCAG 10.27:1 (AAA) · APCA Lc 63
Contrast pairs
Code-Snippets
CSS
:root {
--wavelet: #73c2c8;
--wavelet-rgb: 115 194 200;
--wavelet-oklch: oklch(0.766 0.078 201.9);
}
.element {
color: var(--wavelet);
background-color: hsl(184 44% 62%);
border-color: oklch(0.766 0.078 201.9);
}Tailwind CSS v4
@theme {
--color-wavelet: #73c2c8;
--color-wavelet-50: #dcfcff;
--color-wavelet-100: #cbf0f4;
--color-wavelet-200: #aedfe4;
--color-wavelet-300: #87c4ca;
--color-wavelet-400: #62acb2;
--color-wavelet-500: #39959c;
--color-wavelet-600: #327e84;
--color-wavelet-700: #28656a;
--color-wavelet-800: #1b4b4d;
--color-wavelet-900: #123435;
--color-wavelet-950: #041f21;
}SCSS
$wavelet: #73c2c8;
$wavelet-rgb: 115, 194, 200;
$wavelet-light: mix(#fff, $wavelet, 20%);
$wavelet-dark: mix(#000, $wavelet, 20%);
.element {
color: $wavelet;
box-shadow: 0 0 0 2px rgba($wavelet, 0.35);
}