En yakın adlandırılmış renk · #80D1F6
#80D1F6
En yakın adlandırılmış renk: Below Zero
#80D1F6 (rgb(128 209 246), hsl(199 87% 73%), oklch(0.822 0.095 229)) en çok Below Zero 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.
#80D1F6
oklch(0.822 0.095 229)
Renk dönüşümleri
- HEX
- #80d1f6
- RGB
- rgb(128 209 246)
- HSL
- hsl(199 87% 73%)
- HWB
- hwb(199 50% 4%)
- OKLCH
- oklch(0.822 0.095 229)
- OKLab
- oklab(0.822 -0.062 -0.072)
- CIE Lab
- lab(79.67 -18.44 -26.44)
- LCH
- lch(79.67 32.24 235.1)
- CMYK
- cmyk(48% 15% 0% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8ED6F7
- 9CDBF8
- A9DFF9
- B6E4FA
- C2E8FB
- CFEDFC
- DBF2FD
- E7F6FE
- F3FBFE
Koyu tonlar
- 6EB5D6
- 5D9BB7
- 4D8198
- 3D687B
- 2E505F
- 1F3945
- 12232C
- 061015
- 010203
Gri tonlar
- 81C9EA
- 82C1DE
- 83B8D2
- 83B0C6
- 84A8BA
- 83A0AE
- 8398A2
- 829097
- 81888B
Renk uyumları
Tamamlayıcı +180°
- 80D1F6
Below Zero
- F8B38E
≈ Peach Velour
Analog -30° +30°
- 80D1F6
Below Zero
- 73D8DC
≈ Andes Sky
- A2C7FF
≈ Apocyan
Üçlü +120° +240°
- 80D1F6
Below Zero
- F4ACCF
≈ Changeling Pink
- C9CA81
≈ Chimes
Bölünmüş tamamlayıcı +150° +210°
- 80D1F6
Below Zero
- FCACAC
≈ Apricot Haze
- E6BE7D
≈ Deserted Path
Dörtlü +90° +180° +270°
- 80D1F6
Below Zero
- E0B1EC
≈ Candy Dreams
- F8B38E
≈ Peach Velour
- A5D499
≈ Nature’s Delight
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.69:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.36:1 · APCA Lc 73
En iyi metin rengi: #000000
WCAG 12.36:1 (AAA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--below-zero: #80d1f6;
--below-zero-rgb: 128 209 246;
--below-zero-oklch: oklch(0.822 0.095 229);
}
.element {
color: var(--below-zero);
background-color: hsl(199 87% 73%);
border-color: oklch(0.822 0.095 229);
}Tailwind CSS v4
@theme {
--color-below-zero: #80d1f6;
--color-below-zero-50: #dbfbff;
--color-below-zero-100: #c9eeff;
--color-below-zero-200: #acdcf6;
--color-below-zero-300: #84c1df;
--color-below-zero-400: #5da9cb;
--color-below-zero-500: #3292b8;
--color-below-zero-600: #2c7b9b;
--color-below-zero-700: #23637d;
--color-below-zero-800: #16495c;
--color-below-zero-900: #0e3240;
--color-below-zero-950: #021e29;
}SCSS
$below-zero: #80d1f6;
$below-zero-rgb: 128, 209, 246;
$below-zero-light: mix(#fff, $below-zero, 20%);
$below-zero-dark: mix(#000, $below-zero, 20%);
.element {
color: $below-zero;
box-shadow: 0 0 0 2px rgba($below-zero, 0.35);
}