Adlandırılmış renk · #78DBE2
Deep Aquamarine
Deep Aquamarine, #78DBE2: rgb(120 219 226), hsl(184 65% 68%), oklch(0.834 0.094 201.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Deep Aquamarine color name →
#78DBE2
oklch(0.834 0.094 201.5)
Renk dönüşümleri
- HEX
- #78dbe2
- RGB
- rgb(120 219 226)
- HSL
- hsl(184 65% 68%)
- HWB
- hwb(184 47% 11%)
- OKLCH
- oklch(0.834 0.094 201.5)
- OKLab
- oklab(0.834 -0.087 -0.034)
- CIE Lab
- lab(81.6 -29.03 -13)
- LCH
- lch(81.6 31.81 204.1)
- CMYK
- cmyk(47% 3% 0% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 88DFE5
- 97E3E8
- A5E6EB
- B3EAEE
- C0EEF1
- CDF1F3
- DAF5F6
- E6F8F9
- F3FCFC
Koyu tonlar
- 67BEC4
- 57A2A8
- 48878C
- 396D71
- 2A5457
- 1D3C3E
- 102627
- 051112
- 010203
Gri tonlar
- 7BD2D8
- 7DC8CE
- 7FBFC4
- 80B6BA
- 81ADB0
- 82A4A6
- 829B9C
- 829293
- 818989
Renk uyumları
Tamamlayıcı +180°
- 78DBE2
Deep Aquamarine
- FFB1AE
≈ Fancy Flamingo
Analog -30° +30°
- 78DBE2
Deep Aquamarine
- 86DDC1
≈ Āsmānī Sky
- 87D4FB
≈ Kul Sharif Blue
Üçlü +120° +240°
- 78DBE2
Deep Aquamarine
- E5B5ED
≈ Candy Dreams
- E7C381
≈ Honey Bear
Bölünmüş tamamlayıcı +150° +210°
- 78DBE2
Deep Aquamarine
- F9B0CF
≈ Spaghetti Strap Pink
- FAB890
≈ Beach Sand
Dörtlü +90° +180° +270°
- 78DBE2
Deep Aquamarine
- C9BFFF
≈ Lavender Tonic
- FFB1AE
≈ Fancy Flamingo
- CACF87
≈ Sunken Treasure
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.61:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.02:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.02:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--deep-aquamarine: #78dbe2;
--deep-aquamarine-rgb: 120 219 226;
--deep-aquamarine-oklch: oklch(0.834 0.094 201.5);
}
.element {
color: var(--deep-aquamarine);
background-color: hsl(184 65% 68%);
border-color: oklch(0.834 0.094 201.5);
}Tailwind CSS v4
@theme {
--color-deep-aquamarine: #78dbe2;
--color-deep-aquamarine-50: #d7feff;
--color-deep-aquamarine-100: #c4f2f6;
--color-deep-aquamarine-200: #a5e1e6;
--color-deep-aquamarine-300: #7bc6cd;
--color-deep-aquamarine-400: #51afb6;
--color-deep-aquamarine-500: #1098a0;
--color-deep-aquamarine-600: #158187;
--color-deep-aquamarine-700: #12676c;
--color-deep-aquamarine-800: #0a4c4f;
--color-deep-aquamarine-900: #073537;
--color-deep-aquamarine-950: #002022;
}SCSS
$deep-aquamarine: #78dbe2;
$deep-aquamarine-rgb: 120, 219, 226;
$deep-aquamarine-light: mix(#fff, $deep-aquamarine, 20%);
$deep-aquamarine-dark: mix(#000, $deep-aquamarine, 20%);
.element {
color: $deep-aquamarine;
box-shadow: 0 0 0 2px rgba($deep-aquamarine, 0.35);
}