En yakın adlandırılmış renk · #8FCDE7
#8FCDE7
En yakın adlandırılmış renk: Below Zero
#8FCDE7 (rgb(143 205 231), hsl(198 65% 73%), oklch(0.815 0.073 226.1)) 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.
#8FCDE7
oklch(0.815 0.073 226.1)
Renk dönüşümleri
- HEX
- #8fcde7
- RGB
- rgb(143 205 231)
- HSL
- hsl(198 65% 73%)
- HWB
- hwb(198 56% 9%)
- OKLCH
- oklch(0.815 0.073 226.1)
- OKLab
- oklab(0.815 -0.051 -0.053)
- CIE Lab
- lab(78.88 -15.69 -19.57)
- LCH
- lch(78.88 25.08 231.3)
- CMYK
- cmyk(38% 11% 0% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9BD2EA
- A6D7EC
- B2DCEF
- BDE1F1
- C8E6F3
- D3EBF6
- DEF0F8
- E9F5FA
- F4FAFD
Koyu tonlar
- 7CB2C9
- 6998AB
- 577E8F
- 456673
- 344E59
- 243840
- 152328
- 070F13
- 010203
Gri tonlar
- 8EC5DC
- 8DBDD2
- 8CB5C7
- 8BAEBD
- 89A6B2
- 889EA8
- 86979E
- 848F94
- 82888A
Renk uyumları
Tamamlayıcı +180°
- 8FCDE7
Below Zero
- EBB59B
≈ Crab Bisque
Analog -30° +30°
- 8FCDE7
Below Zero
- 89D2D2
≈ Mountain Lake Blue
- A4C5F2
≈ Sky High
Üçlü +120° +240°
- 8FCDE7
Below Zero
- E6B0CD
≈ Roses in the Snow
- C8C68F
≈ Yerba Mate
Bölünmüş tamamlayıcı +150° +210°
- 8FCDE7
Below Zero
- EEB0B2
≈ Deeply Embarrassed
- DEBD8E
≈ Cupola Yellow
Dörtlü +90° +180° +270°
- 8FCDE7
Below Zero
- D5B5E3
≈ Pretty Petunia
- EBB59B
≈ Crab Bisque
- AECE9F
≈ Greenhorn
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.74:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 12.05:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 12.05:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--below-zero: #8fcde7;
--below-zero-rgb: 143 205 231;
--below-zero-oklch: oklch(0.815 0.073 226.1);
}
.element {
color: var(--below-zero);
background-color: hsl(198 65% 73%);
border-color: oklch(0.815 0.073 226.1);
}Tailwind CSS v4
@theme {
--color-below-zero: #8fcde7;
--color-below-zero-50: #e1faff;
--color-below-zero-100: #d0edfb;
--color-below-zero-200: #b5dbed;
--color-below-zero-300: #90bfd5;
--color-below-zero-400: #6ea8c0;
--color-below-zero-500: #4c90ab;
--color-below-zero-600: #417a91;
--color-below-zero-700: #346274;
--color-below-zero-800: #234855;
--color-below-zero-900: #18323b;
--color-below-zero-950: #081e25;
}SCSS
$below-zero: #8fcde7;
$below-zero-rgb: 143, 205, 231;
$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);
}