Nächste benannte Farbe · #74C4CF
#74C4CF
Nächste benannte Farbe: Wavelet
#74C4CF (rgb(116 196 207), hsl(187 49% 63%), oklch(0.773 0.08 206.9)) liegt am nächsten an der benannten Farbe Wavelet. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#74C4CF
oklch(0.773 0.08 206.9)
Farbumrechnungen
- HEX
- #74c4cf
- RGB
- rgb(116 196 207)
- HSL
- hsl(187 49% 63%)
- HWB
- hwb(187 45% 19%)
- OKLCH
- oklch(0.773 0.08 206.9)
- OKLab
- oklab(0.773 -0.071 -0.036)
- CIE Lab
- lab(74.34 -23.47 -13.66)
- LCH
- lch(74.34 27.16 210.2)
- CMYK
- cmyk(44% 5% 0% 19%)
Tints · Shades · Tones
Tints
- 83CAD4
- 92D0D9
- A0D6DD
- AEDCE2
- BCE2E7
- CAE8EC
- D7EDF1
- E4F3F5
- F2F9FA
Shades
- 64AAB4
- 549199
- 45787F
- 376167
- 294A4F
- 1B3538
- 0F2123
- 050E10
- 010202
Tones
- 77BDC7
- 79B6BF
- 7BAFB7
- 7DA9AF
- 7EA2A7
- 7F9B9F
- 7F9497
- 808D8F
- 808788
Farbharmonien
Komplementär +180°
- 74C4CF
Wavelet
- E4A29A
≈ Cuticle Pink
Analog -30° +30°
- 74C4CF
Wavelet
- 7BC6B4
≈ Monte Carlo
- 83BDE2
≈ C’est la Vie
Triadisch +120° +240°
- 74C4CF
Wavelet
- D1A4D0
≈ Favourite Lavender
- CBB279
≈ Aged Seagrass
Geteilt komplementär +150° +210°
- 74C4CF
Wavelet
- E0A0B6
≈ Blushing Tulip
- DDA983
≈ Lunatic Lynx
Tetradisch +90° +180° +270°
- 74C4CF
Wavelet
- BAABE3
≈ Perfume
- E4A29A
≈ Cuticle Pink
- B1BC81
≈ Nile
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.99:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.53:1 · APCA Lc 64
Beste Textfarbe: #000000
WCAG 10.53:1 (AAA) · APCA Lc 64
Contrast pairs
Code-Snippets
CSS
:root {
--wavelet: #74c4cf;
--wavelet-rgb: 116 196 207;
--wavelet-oklch: oklch(0.773 0.08 206.9);
}
.element {
color: var(--wavelet);
background-color: hsl(187 49% 63%);
border-color: oklch(0.773 0.08 206.9);
}Tailwind CSS v4
@theme {
--color-wavelet: #74c4cf;
--color-wavelet-50: #dcfcff;
--color-wavelet-100: #caf0f6;
--color-wavelet-200: #addee7;
--color-wavelet-300: #86c3cd;
--color-wavelet-400: #61acb6;
--color-wavelet-500: #3795a1;
--color-wavelet-600: #317e88;
--color-wavelet-700: #27656d;
--color-wavelet-800: #1a4a4f;
--color-wavelet-900: #113437;
--color-wavelet-950: #031f22;
}SCSS
$wavelet: #74c4cf;
$wavelet-rgb: 116, 196, 207;
$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);
}