En yakın adlandırılmış renk · #82E7DF
#82E7DF
En yakın adlandırılmış renk: Near Moon
#82E7DF (rgb(130 231 223), hsl(175 68% 71%), oklch(0.864 0.096 188.9)) en çok Near Moon adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#82E7DF
oklch(0.864 0.096 188.9)
Renk dönüşümleri
- HEX
- #82e7df
- RGB
- rgb(130 231 223)
- HSL
- hsl(175 68% 71%)
- HWB
- hwb(175 51% 9%)
- OKLCH
- oklch(0.864 0.096 188.9)
- OKLab
- oklab(0.864 -0.095 -0.015)
- CIE Lab
- lab(85.37 -32.39 -5.84)
- LCH
- lch(85.37 32.91 190.2)
- CMYK
- cmyk(44% 0% 3% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 91EAE2
- 9FECE5
- ACEFE9
- B9F1EC
- C5F4EF
- D1F6F2
- DDF8F5
- E8FBF9
- F4FDFC
Koyu tonlar
- 70C9C2
- 5FABA5
- 4E8F8A
- 3E736F
- 2F5956
- 20403D
- 122827
- 061312
- 010302
Gri tonlar
- 84DCD5
- 85D2CB
- 86C7C2
- 86BDB8
- 86B3AE
- 86A8A5
- 859E9B
- 839492
- 828A89
Renk uyumları
Tamamlayıcı +180°
- 82E7DF
Near Moon
- FFBFC8
≈ Love Affair
Analog -30° +30°
- 82E7DF
Near Moon
- 9BE6BC
≈ Teal Deer
- 85E2FD
≈ Tranquil Pool
Üçlü +120° +240°
- 82E7DF
Near Moon
- E3C3FF
≈ Jane Purple
- FCC78D
≈ Sicilian Villa
Bölünmüş tamamlayıcı +150° +210°
- 82E7DF
Near Moon
- FDBAE7
≈ Pink Quartz
- FFC2AE
≈ Gadabout
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.45:1 · APCA Lc 21
Ag
AAASiyah üzerinde
WCAG 14.44:1 · APCA Lc 82
En iyi metin rengi: #000000
WCAG 14.44:1 (AAA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--near-moon: #82e7df;
--near-moon-rgb: 130 231 223;
--near-moon-oklch: oklch(0.864 0.096 188.9);
}
.element {
color: var(--near-moon);
background-color: hsl(175 68% 71%);
border-color: oklch(0.864 0.096 188.9);
}Tailwind CSS v4
@theme {
--color-near-moon: #82e7df;
--color-near-moon-50: #d7fffc;
--color-near-moon-100: #c4f3ef;
--color-near-moon-200: #a5e2de;
--color-near-moon-300: #7ac7c3;
--color-near-moon-400: #51b1aa;
--color-near-moon-500: #0d9a93;
--color-near-moon-600: #14827c;
--color-near-moon-700: #116863;
--color-near-moon-800: #0a4d48;
--color-near-moon-900: #073532;
--color-near-moon-950: #00201e;
}SCSS
$near-moon: #82e7df;
$near-moon-rgb: 130, 231, 223;
$near-moon-light: mix(#fff, $near-moon, 20%);
$near-moon-dark: mix(#000, $near-moon, 20%);
.element {
color: $near-moon;
box-shadow: 0 0 0 2px rgba($near-moon, 0.35);
}