En yakın adlandırılmış renk · #82AFBE
#82AFBE
En yakın adlandırılmış renk: Open Seas
#82AFBE (rgb(130 175 190), hsl(195 32% 63%), oklch(0.727 0.053 220.4)) en çok Open Seas 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.
#82AFBE
oklch(0.727 0.053 220.4)
Renk dönüşümleri
- HEX
- #82afbe
- RGB
- rgb(130 175 190)
- HSL
- hsl(195 32% 63%)
- HWB
- hwb(195 51% 25%)
- OKLCH
- oklch(0.727 0.053 220.4)
- OKLab
- oklab(0.727 -0.04 -0.034)
- CIE Lab
- lab(68.62 -12.86 -12.83)
- LCH
- lch(68.62 18.16 224.9)
- CMYK
- cmyk(32% 8% 0% 25%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8EB7C4
- 9BBFCB
- A7C7D1
- B4CFD8
- C0D7DE
- CDDFE5
- D9E7EB
- E6EFF2
- F2F7F8
Koyu tonlar
- 7098A5
- 5F818C
- 4E6B75
- 3E565E
- 2F4148
- 202E33
- 121C1F
- 060B0D
- 010102
Gri tonlar
- 82AAB8
- 82A6B1
- 82A1AB
- 829CA5
- 82979F
- 829398
- 828E92
- 81898C
- 818586
Renk uyumları
Tamamlayıcı +180°
- 82AFBE
Open Seas
- C59C8E
≈ Mahogany Rose
Analog -30° +30°
- 82AFBE
Open Seas
- 80B2AE
≈ Cold Front Green
- 8EAAC7
≈ Bachelor Blue
Üçlü +120° +240°
- 82AFBE
Open Seas
- BE9AB1
≈ Cherished
- AEA882
≈ Green Grey Mist
Bölünmüş tamamlayıcı +150° +210°
- 82AFBE
Open Seas
- C59A9F
≈ Rose Meadow
- BCA283
≈ Basketry
Dörtlü +90° +180° +270°
- 82AFBE
Open Seas
- B19EC0
≈ Iris Blossom
- C59C8E
≈ Mahogany Rose
- 9CAE8B
≈ Cardoon
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.37:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.82:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.82:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
CSS
:root {
--open-seas: #82afbe;
--open-seas-rgb: 130 175 190;
--open-seas-oklch: oklch(0.727 0.053 220.4);
}
.element {
color: var(--open-seas);
background-color: hsl(195 32% 63%);
border-color: oklch(0.727 0.053 220.4);
}Tailwind CSS v4
@theme {
--color-open-seas: #82afbe;
--color-open-seas-50: #e6f9ff;
--color-open-seas-100: #d6ecf5;
--color-open-seas-200: #bddae5;
--color-open-seas-300: #9bbecb;
--color-open-seas-400: #7ca6b4;
--color-open-seas-500: #5e8f9f;
--color-open-seas-600: #507986;
--color-open-seas-700: #3f616b;
--color-open-seas-800: #2d474f;
--color-open-seas-900: #1e3137;
--color-open-seas-950: #0e1d22;
}SCSS
$open-seas: #82afbe;
$open-seas-rgb: 130, 175, 190;
$open-seas-light: mix(#fff, $open-seas, 20%);
$open-seas-dark: mix(#000, $open-seas, 20%);
.element {
color: $open-seas;
box-shadow: 0 0 0 2px rgba($open-seas, 0.35);
}