Adlandırılmış renk · #7BB5AE
Melodious
Melodious, #7BB5AE: rgb(123 181 174), hsl(173 28% 60%), oklch(0.731 0.061 186.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Melodious color name →
#7BB5AE
oklch(0.731 0.061 186.5)
Renk dönüşümleri
- HEX
- #7bb5ae
- RGB
- rgb(123 181 174)
- HSL
- hsl(173 28% 60%)
- HWB
- hwb(173 48% 29%)
- OKLCH
- oklch(0.731 0.061 186.5)
- OKLab
- oklab(0.731 -0.061 -0.007)
- CIE Lab
- lab(69.54 -20.78 -2.77)
- LCH
- lch(69.54 20.97 187.6)
- CMYK
- cmyk(32% 0% 4% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 89BCB6
- 96C4BE
- A3CBC6
- B0D2CE
- BDDAD6
- CAE1DE
- D8E9E6
- E5F0EE
- F2F7F7
Koyu tonlar
- 6A9D97
- 5A8680
- 4A6F6A
- 3A5955
- 2C4441
- 1E302E
- 101D1C
- 050C0B
- 010201
Gri tonlar
- 7CB0A9
- 7DAAA5
- 7EA5A0
- 7FA09B
- 7F9A97
- 809592
- 80908E
- 808A89
- 808584
Renk uyumları
Tamamlayıcı +180°
- 7BB5AE
Melodious
- CB98A2
≈ Cooing Doves
Analog -30° +30°
- 7BB5AE
Melodious
- 89B498
≈ Morris Artichoke
- 7BB2C1
≈ Glacier
Üçlü +120° +240°
- 7BB5AE
Melodious
- B29FC7
≈ Purple Rose
- C3A17F
≈ Real Cork
Bölünmüş tamamlayıcı +150° +210°
- 7BB5AE
Melodious
- C29AB7
≈ Morning Glory Pink
- CB9B8D
≈ Artefact
Dörtlü +90° +180° +270°
- 7BB5AE
Melodious
- 9DA5CF
≈ Venus Flower
- CB98A2
≈ Cooing Doves
- B3A97C
≈ Even Growth
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.31:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 9.06:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 9.06:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
CSS
:root {
--melodious: #7bb5ae;
--melodious-rgb: 123 181 174;
--melodious-oklch: oklch(0.731 0.061 186.5);
}
.element {
color: var(--melodious);
background-color: hsl(173 28% 60%);
border-color: oklch(0.731 0.061 186.5);
}Tailwind CSS v4
@theme {
--color-melodious: #7bb5ae;
--color-melodious-50: #e2fbf8;
--color-melodious-100: #d2efec;
--color-melodious-200: #b8ddd9;
--color-melodious-300: #94c2bd;
--color-melodious-400: #74aba4;
--color-melodious-500: #53948c;
--color-melodious-600: #477d77;
--color-melodious-700: #39645f;
--color-melodious-800: #284945;
--color-melodious-900: #1b3330;
--color-melodious-950: #0b1f1c;
}SCSS
$melodious: #7bb5ae;
$melodious-rgb: 123, 181, 174;
$melodious-light: mix(#fff, $melodious, 20%);
$melodious-dark: mix(#000, $melodious, 20%);
.element {
color: $melodious;
box-shadow: 0 0 0 2px rgba($melodious, 0.35);
}