最も近い色名 · #99AFCE
#99AFCE
最も近い色名: Mont Blanc
#99AFCE（rgb(153 175 206)、hsl(215 35% 70%)、oklch(0.748 0.051 257)）に最も近い色名はMont Blancです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#99AFCE
oklch(0.748 0.051 257)
カラー変換
- HEX
- #99afce
- RGB
- rgb(153 175 206)
- HSL
- hsl(215 35% 70%)
- HWB
- hwb(215 60% 19%)
- OKLCH
- oklch(0.748 0.051 257)
- OKLab
- oklab(0.748 -0.012 -0.05)
- CIE Lab
- lab(70.57 -2.64 -18.49)
- LCH
- lch(70.57 18.68 261.9)
- CMYK
- cmyk(26% 15% 0% 19%)
ティント · シェード · トーン
ティント
- A3B7D3
- ADBFD8
- B7C7DD
- C1CFE2
- CBD7E7
- D5DFEC
- E0E7F0
- EAEFF5
- F4F7FA
シェード
- 8498B3
- 708198
- 5D6B7F
- 4A5666
- 38414E
- 272E38
- 171C23
- 080B0F
- 010102
トーン
- 97AAC6
- 94A5BE
- 92A1B6
- 8F9CAE
- 8D97A6
- 8A939F
- 888E97
- 85898F
- 838588
カラーハーモニー
補色 +180°
- 99AFCE
Mont Blanc
- C0AA89
≈ Cork Wedge
類似色 -30° +30°
- 99AFCE
Mont Blanc
- 8BB4C7
≈ Pond Blue
- AAA9CD
≈ Violet Mix
トライアド +120° +240°
- 99AFCE
Mont Blanc
- CCA1A2
≈ Sakura Mochi
- 9EB596
≈ Soap Green
スプリットコンプリメンタリー +150° +210°
- 99AFCE
Mont Blanc
- C9A492
≈ Sombrero Tan
- B0B08B
≈ Daddy-O
テトラード +90° +180° +270°
- 99AFCE
Mont Blanc
- C7A1B4
≈ Pretty Lady
- C0AA89
≈ Cork Wedge
- 8FB8A6
≈ Lichen
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.23:1 · APCA Lc 44
Ag
AAA黒の上
WCAG 9.37:1 · APCA Lc 58
最適な文字色: #000000
WCAG 9.37:1 (AAA) · APCA Lc 58
Contrast pairs
コードスニペット
CSS
:root {
--mont-blanc: #99afce;
--mont-blanc-rgb: 153 175 206;
--mont-blanc-oklch: oklch(0.748 0.051 257);
}
.element {
color: var(--mont-blanc);
background-color: hsl(215 35% 70%);
border-color: oklch(0.748 0.051 257);
}Tailwind CSS v4
@theme {
--color-mont-blanc: #99afce;
--color-mont-blanc-50: #edf6ff;
--color-mont-blanc-100: #dee9f9;
--color-mont-blanc-200: #c7d5eb;
--color-mont-blanc-300: #a8b9d2;
--color-mont-blanc-400: #8ba0bd;
--color-mont-blanc-500: #7188a8;
--color-mont-blanc-600: #60738e;
--color-mont-blanc-700: #4c5c72;
--color-mont-blanc-800: #364354;
--color-mont-blanc-900: #252f3b;
--color-mont-blanc-950: #141b25;
}SCSS
$mont-blanc: #99afce;
$mont-blanc-rgb: 153, 175, 206;
$mont-blanc-light: mix(#fff, $mont-blanc, 20%);
$mont-blanc-dark: mix(#000, $mont-blanc, 20%);
.element {
color: $mont-blanc;
box-shadow: 0 0 0 2px rgba($mont-blanc, 0.35);
}