Adlandırılmış renk · #7DC4CD
Wavelet
Wavelet, #7DC4CD: rgb(125 196 205), hsl(187 44% 65%), oklch(0.777 0.072 206). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Wavelet color name →
#7DC4CD
oklch(0.777 0.072 206)
Renk dönüşümleri
- HEX
- #7dc4cd
- RGB
- rgb(125 196 205)
- HSL
- hsl(187 44% 65%)
- HWB
- hwb(187 49% 20%)
- OKLCH
- oklch(0.777 0.072 206)
- OKLab
- oklab(0.777 -0.065 -0.032)
- CIE Lab
- lab(74.72 -21.48 -11.97)
- LCH
- lch(74.72 24.58 209.1)
- CMYK
- cmyk(39% 4% 0% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8BCAD2
- 98D0D7
- A6D6DC
- B3DCE1
- C0E2E6
- CCE7EB
- D9EDF0
- E6F3F5
- F2F9FA
Koyu tonlar
- 6CAAB2
- 5B9198
- 4B787E
- 3B6166
- 2C4A4E
- 1E3538
- 112123
- 050E0F
- 010202
Gri tonlar
- 7EBDC5
- 80B6BD
- 80AFB5
- 81A8AE
- 81A2A6
- 819B9E
- 819497
- 818D8F
- 818787
Renk uyumları
Tamamlayıcı +180°
- 7DC4CD
Wavelet
- E1A59E
≈ Cuticle Pink
Analog -30° +30°
- 7DC4CD
Wavelet
- 83C6B4
≈ Aquastone
- 89BEDF
≈ Frozen Whisper
Üçlü +120° +240°
- 7DC4CD
Wavelet
- CFA7CF
≈ Graceful Garden
- CBB481
≈ Tweed Jacket
Bölünmüş tamamlayıcı +150° +210°
- 7DC4CD
Wavelet
- DDA4B8
≈ Pink Gin
- DBAB8A
≈ Lunatic Lynx
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.97:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.64:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.64:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
CSS
:root {
--wavelet: #7dc4cd;
--wavelet-rgb: 125 196 205;
--wavelet-oklch: oklch(0.777 0.072 206);
}
.element {
color: var(--wavelet);
background-color: hsl(187 44% 65%);
border-color: oklch(0.777 0.072 206);
}Tailwind CSS v4
@theme {
--color-wavelet: #7dc4cd;
--color-wavelet-50: #defbff;
--color-wavelet-100: #cdeff5;
--color-wavelet-200: #b1dde4;
--color-wavelet-300: #8cc2cb;
--color-wavelet-400: #69abb3;
--color-wavelet-500: #43949e;
--color-wavelet-600: #3a7d85;
--color-wavelet-700: #2e646b;
--color-wavelet-800: #204a4e;
--color-wavelet-900: #153336;
--color-wavelet-950: #061f21;
}SCSS
$wavelet: #7dc4cd;
$wavelet-rgb: 125, 196, 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);
}