Adlandırılmış renk · #7ACAD0
Aqua Belt
Aqua Belt, #7ACAD0: rgb(122 202 208), hsl(184 48% 65%), oklch(0.79 0.079 201.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Aqua Belt color name →
#7ACAD0
oklch(0.79 0.079 201.8)
Renk dönüşümleri
- HEX
- #7acad0
- RGB
- rgb(122 202 208)
- HSL
- hsl(184 48% 65%)
- HWB
- hwb(184 48% 18%)
- OKLCH
- oklch(0.79 0.079 201.8)
- OKLab
- oklab(0.79 -0.073 -0.029)
- CIE Lab
- lab(76.37 -24.46 -11.16)
- LCH
- lch(76.37 26.88 204.5)
- CMYK
- cmyk(41% 3% 0% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 89CFD5
- 97D5D9
- A4DADE
- B2DFE3
- BFE5E7
- CCEAEC
- D9EFF1
- E6F5F6
- F2FAFA
Koyu tonlar
- 69AFB5
- 59959A
- 497C80
- 3A6467
- 2B4D4F
- 1D3739
- 102223
- 050F10
- 010202
Gri tonlar
- 7CC2C8
- 7EBBC0
- 7FB3B7
- 80ACAF
- 81A5A7
- 819D9F
- 819697
- 818F8F
- 818788
Renk uyumları
Tamamlayıcı +180°
- 7ACAD0
Aqua Belt
- E9A7A4
≈ Faithful Rose
Analog -30° +30°
- 7ACAD0
Aqua Belt
- 84CBB5
≈ Pale Teal
- 86C4E5
≈ Club Cruise
Üçlü +120° +240°
- 7ACAD0
Aqua Belt
- D3AAD9
≈ Cherish the Moment
- D4B680
≈ Clumsy Caramel
Bölünmüş tamamlayıcı +150° +210°
- 7ACAD0
Aqua Belt
- E3A6C0
≈ Think Pink
- E4AD8C
≈ Ancient Inca
Dörtlü +90° +180° +270°
- 7ACAD0
Aqua Belt
- BBB2EA
≈ Purple Sand
- E9A7A4
≈ Faithful Rose
- BBC085
≈ Pavilion
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.87:1 · APCA Lc 35
Ag
AAASiyah üzerinde
WCAG 11.18:1 · APCA Lc 67
En iyi metin rengi: #000000
WCAG 11.18:1 (AAA) · APCA Lc 67
Contrast pairs
Kod parçacıkları
CSS
:root {
--aqua-belt: #7acad0;
--aqua-belt-rgb: 122 202 208;
--aqua-belt-oklch: oklch(0.79 0.079 201.8);
}
.element {
color: var(--aqua-belt);
background-color: hsl(184 48% 65%);
border-color: oklch(0.79 0.079 201.8);
}Tailwind CSS v4
@theme {
--color-aqua-belt: #7acad0;
--color-aqua-belt-50: #dcfcff;
--color-aqua-belt-100: #caf0f4;
--color-aqua-belt-200: #addfe4;
--color-aqua-belt-300: #87c4ca;
--color-aqua-belt-400: #62adb2;
--color-aqua-belt-500: #38969c;
--color-aqua-belt-600: #317f84;
--color-aqua-belt-700: #27656a;
--color-aqua-belt-800: #1a4b4d;
--color-aqua-belt-900: #113436;
--color-aqua-belt-950: #031f21;
}SCSS
$aqua-belt: #7acad0;
$aqua-belt-rgb: 122, 202, 208;
$aqua-belt-light: mix(#fff, $aqua-belt, 20%);
$aqua-belt-dark: mix(#000, $aqua-belt, 20%);
.element {
color: $aqua-belt;
box-shadow: 0 0 0 2px rgba($aqua-belt, 0.35);
}