Adlandırılmış renk · #A7D7FF
Malmö FF
Malmö FF, #A7D7FF: rgb(167 215 255), hsl(207 100% 83%), oklch(0.859 0.075 243.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Malmö FF color name →
#A7D7FF
oklch(0.859 0.075 243.9)
Renk dönüşümleri
- HEX
- #a7d7ff
- RGB
- rgb(167 215 255)
- HSL
- hsl(207 100% 83%)
- HWB
- hwb(207 65% 0%)
- OKLCH
- oklch(0.859 0.075 243.9)
- OKLab
- oklab(0.859 -0.033 -0.067)
- CIE Lab
- lab(83.64 -9.05 -24.95)
- LCH
- lch(83.64 26.54 250.1)
- CMYK
- cmyk(35% 16% 0% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B0DBFF
- B9DFFF
- C2E3FF
- CBE7FF
- D3EBFF
- DCEFFF
- E5F3FF
- EEF7FF
- F6FBFF
Koyu tonlar
- 91BBDE
- 7B9FBE
- 66859E
- 526B80
- 3E5263
- 2C3B48
- 1A252E
- 0A1116
- 010203
Gri tonlar
- A3CEF2
- A0C5E5
- 9CBCD8
- 98B3CB
- 94ABBE
- 90A2B1
- 8C99A5
- 889198
- 84888C
Renk uyumları
Tamamlayıcı +180°
- A7D7FF
Malmö FF
- F4C79E
≈ Cactus Blooms
Analog -30° +30°
- A7D7FF
Malmö FF
- 96DEEF
≈ Non-Photo Blue
- C2CEFF
≈ Lavender Blue
Üçlü +120° +240°
- A7D7FF
Malmö FF
- FCBDCB
≈ Rosie
- C6DAA4
≈ Cucumber Ice
Bölünmüş tamamlayıcı +150° +210°
- A7D7FF
Malmö FF
- FEC0B1
≈ Ruffled Parasol
- E1D198
≈ Garden Picket
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.52:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.80:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.80:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--malmo-ff: #a7d7ff;
--malmo-ff-rgb: 167 215 255;
--malmo-ff-oklch: oklch(0.859 0.075 243.9);
}
.element {
color: var(--malmo-ff);
background-color: hsl(207 100% 83%);
border-color: oklch(0.859 0.075 243.9);
}Tailwind CSS v4
@theme {
--color-malmo-ff: #a7d7ff;
--color-malmo-ff-50: #e4f8ff;
--color-malmo-ff-100: #d4ebff;
--color-malmo-ff-200: #bbd8f3;
--color-malmo-ff-300: #98bcdc;
--color-malmo-ff-400: #78a4c8;
--color-malmo-ff-500: #598cb5;
--color-malmo-ff-600: #4c7698;
--color-malmo-ff-700: #3c5f7a;
--color-malmo-ff-800: #2a465a;
--color-malmo-ff-900: #1c303f;
--color-malmo-ff-950: #0c1c28;
}SCSS
$malmo-ff: #a7d7ff;
$malmo-ff-rgb: 167, 215, 255;
$malmo-ff-light: mix(#fff, $malmo-ff, 20%);
$malmo-ff-dark: mix(#000, $malmo-ff, 20%);
.element {
color: $malmo-ff;
box-shadow: 0 0 0 2px rgba($malmo-ff, 0.35);
}