Colore con nome · #99BADD
Blues White Shoes
Blues White Shoes è #99BADD: rgb(153 186 221), hsl(211 50% 73%), oklch(0.777 0.062 250.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Blues White Shoes color name →
#99BADD
oklch(0.777 0.062 250.1)
Conversioni di colore
- HEX
- #99badd
- RGB
- rgb(153 186 221)
- HSL
- hsl(211 50% 73%)
- HWB
- hwb(211 60% 13%)
- OKLCH
- oklch(0.777 0.062 250.1)
- OKLab
- oklab(0.777 -0.021 -0.058)
- CIE Lab
- lab(73.98 -5.41 -21.5)
- LCH
- lch(73.98 22.17 255.9)
- CMYK
- cmyk(31% 16% 0% 13%)
Tinte · Ombre · Toni
Tinte
- A3C1E1
- ADC8E4
- B7CFE8
- C1D5EB
- CBDCEE
- D6E3F2
- E0EAF5
- EAF1F8
- F5F8FC
Ombre
- 84A1C0
- 7089A4
- 5D7288
- 4A5C6E
- 384655
- 27323D
- 171E26
- 080D11
- 010202
Toni
- 97B4D3
- 94AECA
- 92A8C0
- 8FA3B7
- 8D9DAE
- 8A97A4
- 88919B
- 858B92
- 838689
Armonie di colore
Complementare +180°
- 99BADD
Blues White Shoes
- D0B08C
≈ Cracker Bitz
Analogo -30° +30°
- 99BADD
Blues White Shoes
- 8AC0D2
≈ Boutonniere
- AEB3DE
≈ Sassy Violet
Triadico +120° +240°
- 99BADD
Blues White Shoes
- DAA7AD
≈ Prom
- A9BF95
≈ Seawashed Glass
Complementare divisa +150° +210°
- 99BADD
Blues White Shoes
- DAAA99
≈ Perrigloss Tan
- BFB88A
≈ Baby Bok Choy
Tetradico +90° +180° +270°
- 99BADD
Blues White Shoes
- D2A7C3
≈ Heart to Heart
- D0B08C
≈ Cracker Bitz
- 94C3A9
≈ Spearmint Frosting
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.01:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.42:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.42:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--blues-white-shoes: #99badd;
--blues-white-shoes-rgb: 153 186 221;
--blues-white-shoes-oklch: oklch(0.777 0.062 250.1);
}
.element {
color: var(--blues-white-shoes);
background-color: hsl(211 50% 73%);
border-color: oklch(0.777 0.062 250.1);
}Tailwind CSS v4
@theme {
--color-blues-white-shoes: #99badd;
--color-blues-white-shoes-50: #e9f7ff;
--color-blues-white-shoes-100: #daeafd;
--color-blues-white-shoes-200: #c2d7ef;
--color-blues-white-shoes-300: #a1bad7;
--color-blues-white-shoes-400: #83a2c2;
--color-blues-white-shoes-500: #678aae;
--color-blues-white-shoes-600: #577493;
--color-blues-white-shoes-700: #465d76;
--color-blues-white-shoes-800: #314457;
--color-blues-white-shoes-900: #212f3d;
--color-blues-white-shoes-950: #111c26;
}SCSS
$blues-white-shoes: #99badd;
$blues-white-shoes-rgb: 153, 186, 221;
$blues-white-shoes-light: mix(#fff, $blues-white-shoes, 20%);
$blues-white-shoes-dark: mix(#000, $blues-white-shoes, 20%);
.element {
color: $blues-white-shoes;
box-shadow: 0 0 0 2px rgba($blues-white-shoes, 0.35);
}