色名 · #A7D7FF
Malmö FF
Malmö FFは#A7D7FF：rgb(167 215 255)、hsl(207 100% 83%)、oklch(0.859 0.075 243.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Malmö FF color name →
#A7D7FF
oklch(0.859 0.075 243.9)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- B0DBFF
- B9DFFF
- C2E3FF
- CBE7FF
- D3EBFF
- DCEFFF
- E5F3FF
- EEF7FF
- F6FBFF
シェード
- 91BBDE
- 7B9FBE
- 66859E
- 526B80
- 3E5263
- 2C3B48
- 1A252E
- 0A1116
- 010203
トーン
- A3CEF2
- A0C5E5
- 9CBCD8
- 98B3CB
- 94ABBE
- 90A2B1
- 8C99A5
- 889198
- 84888C
カラーハーモニー
補色 +180°
- A7D7FF
Malmö FF
- F4C79E
≈ Cactus Blooms
類似色 -30° +30°
- A7D7FF
Malmö FF
- 96DEEF
≈ Non-Photo Blue
- C2CEFF
≈ Lavender Blue
トライアド +120° +240°
- A7D7FF
Malmö FF
- FCBDCB
≈ Rosie
- C6DAA4
≈ Cucumber Ice
スプリットコンプリメンタリー +150° +210°
- A7D7FF
Malmö FF
- FEC0B1
≈ Ruffled Parasol
- E1D198
≈ Garden Picket
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.52:1 · APCA Lc 24
Ag
AAA黒の上
WCAG 13.80:1 · APCA Lc 79
最適な文字色: #000000
WCAG 13.80:1 (AAA) · APCA Lc 79
Contrast pairs
コードスニペット
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);
}