Nächste benannte Farbe · #7EC0CD
#7EC0CD
Nächste benannte Farbe: Wavelet
#7EC0CD (rgb(126 192 205), hsl(190 44% 65%), oklch(0.768 0.069 211.3)) liegt am nächsten an der benannten Farbe Wavelet. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#7EC0CD
oklch(0.768 0.069 211.3)
Farbumrechnungen
- HEX
- #7ec0cd
- RGB
- rgb(126 192 205)
- HSL
- hsl(190 44% 65%)
- HWB
- hwb(190 49% 20%)
- OKLCH
- oklch(0.768 0.069 211.3)
- OKLab
- oklab(0.768 -0.059 -0.036)
- CIE Lab
- lab(73.63 -19.33 -13.58)
- LCH
- lch(73.63 23.62 215.1)
- CMYK
- cmyk(39% 6% 0% 20%)
Tints · Shades · Tones
Tints
- 8CC6D2
- 99CDD7
- A6D3DC
- B3D9E1
- C0DFE6
- CCE6EB
- D9ECF0
- E6F2F5
- F2F9FA
Shades
- 6DA7B2
- 5C8E98
- 4C767E
- 3C5F66
- 2D494E
- 1F3438
- 112023
- 050E0F
- 010202
Tones
- 7FB9C5
- 80B3BD
- 81ADB5
- 81A6AE
- 81A0A6
- 82999E
- 819397
- 818D8F
- 818687
Farbharmonien
Komplementär +180°
- 7EC0CD
Wavelet
- DCA499
≈ Quiet Pink
Analog -30° +30°
- 7EC0CD
Wavelet
- 81C3B6
≈ Holiday
- 8CBADC
≈ Frozen Whisper
Triadisch +120° +240°
- 7EC0CD
Wavelet
- CEA4C8
≈ Geranium Bud
- C4B381
≈ Ecru
Geteilt komplementär +150° +210°
- 7EC0CD
Wavelet
- DAA2B1
≈ Lili Elbe’s Pink
- D5AA87
≈ Sweet Sue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.03:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.30:1 · APCA Lc 63
Beste Textfarbe: #000000
WCAG 10.30:1 (AAA) · APCA Lc 63
Contrast pairs
Code-Snippets
CSS
:root {
--wavelet: #7ec0cd;
--wavelet-rgb: 126 192 205;
--wavelet-oklch: oklch(0.768 0.069 211.3);
}
.element {
color: var(--wavelet);
background-color: hsl(190 44% 65%);
border-color: oklch(0.768 0.069 211.3);
}Tailwind CSS v4
@theme {
--color-wavelet: #7ec0cd;
--color-wavelet-50: #e0fbff;
--color-wavelet-100: #cfeff6;
--color-wavelet-200: #b3dde6;
--color-wavelet-300: #8ec1cd;
--color-wavelet-400: #6caab6;
--color-wavelet-500: #4893a0;
--color-wavelet-600: #3e7c88;
--color-wavelet-700: #32636d;
--color-wavelet-800: #22494f;
--color-wavelet-900: #173337;
--color-wavelet-950: #071e22;
}SCSS
$wavelet: #7ec0cd;
$wavelet-rgb: 126, 192, 205;
$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);
}