Colore con nome più vicino · #99AFCE
#99AFCE
Colore con nome più vicino: Mont Blanc
#99AFCE (rgb(153 175 206), hsl(215 35% 70%), oklch(0.748 0.051 257)) è più vicino al colore con nome Mont Blanc. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#99AFCE
oklch(0.748 0.051 257)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- A3B7D3
- ADBFD8
- B7C7DD
- C1CFE2
- CBD7E7
- D5DFEC
- E0E7F0
- EAEFF5
- F4F7FA
Ombre
- 8498B3
- 708198
- 5D6B7F
- 4A5666
- 38414E
- 272E38
- 171C23
- 080B0F
- 010102
Toni
- 97AAC6
- 94A5BE
- 92A1B6
- 8F9CAE
- 8D97A6
- 8A939F
- 888E97
- 85898F
- 838588
Armonie di colore
Complementare +180°
- 99AFCE
Mont Blanc
- C0AA89
≈ Cork Wedge
Analogo -30° +30°
- 99AFCE
Mont Blanc
- 8BB4C7
≈ Pond Blue
- AAA9CD
≈ Violet Mix
Triadico +120° +240°
- 99AFCE
Mont Blanc
- CCA1A2
≈ Sakura Mochi
- 9EB596
≈ Soap Green
Complementare divisa +150° +210°
- 99AFCE
Mont Blanc
- C9A492
≈ Sombrero Tan
- B0B08B
≈ Daddy-O
Tetradico +90° +180° +270°
- 99AFCE
Mont Blanc
- C7A1B4
≈ Pretty Lady
- C0AA89
≈ Cork Wedge
- 8FB8A6
≈ Lichen
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.23:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.37:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.37:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
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);
}