Colore con nome · #8D8DC9
Adora
Adora è #8D8DC9: rgb(141 141 201), hsl(240 36% 67%), oklch(0.667 0.088 283.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Adora color name →
#8D8DC9
oklch(0.667 0.088 283.7)
Conversioni di colore
- HEX
- #8d8dc9
- RGB
- rgb(141 141 201)
- HSL
- hsl(240 36% 67%)
- HWB
- hwb(240 55% 21%)
- OKLCH
- oklch(0.667 0.088 283.7)
- OKLab
- oklab(0.667 0.021 -0.086)
- CIE Lab
- lab(60.39 10.38 -31.29)
- LCH
- lch(60.39 32.97 288.4)
- CMYK
- cmyk(30% 30% 0% 21%)
Tinte · Ombre · Toni
Tinte
- 9898CF
- A2A3D4
- ADAFDA
- B9BAE0
- C4C5E5
- D0D1EA
- DBDCF0
- E7E8F5
- F3F3FA
Ombre
- 7A7AAE
- 676795
- 55557C
- 444464
- 33334C
- 232336
- 141422
- 07070F
- 010102
Toni
- 8C8CC2
- 8A8BBA
- 898AB3
- 8788AC
- 8687A5
- 85869D
- 848496
- 82838F
- 818187
Armonie di colore
Complementare +180°
- 8D8DC9
Adora
- 9D9754
≈ Stem
Analogo -30° +30°
- 8D8DC9
Adora
- 6D97CA
≈ Razee
- A884BB
≈ Purple Statice
Triadico +120° +240°
- 8D8DC9
Adora
- C28267
≈ Clay Ground
- 5DA585
≈ Plumosa
Complementare divisa +150° +210°
- 8D8DC9
Adora
- B58C54
≈ Breadstick
- 7EA068
≈ Frog Hollow
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.09:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.78:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.78:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--adora: #8d8dc9;
--adora-rgb: 141 141 201;
--adora-oklch: oklch(0.667 0.088 283.7);
}
.element {
color: var(--adora);
background-color: hsl(240 36% 67%);
border-color: oklch(0.667 0.088 283.7);
}Tailwind CSS v4
@theme {
--color-adora: #8d8dc9;
--color-adora-50: #f2f2ff;
--color-adora-100: #e4e4ff;
--color-adora-200: #d0d0f9;
--color-adora-300: #b3b1e3;
--color-adora-400: #9798d1;
--color-adora-500: #7f7ebf;
--color-adora-600: #6b6ba1;
--color-adora-700: #565581;
--color-adora-800: #3d3e60;
--color-adora-900: #2a2b44;
--color-adora-950: #18182c;
}SCSS
$adora: #8d8dc9;
$adora-rgb: 141, 141, 201;
$adora-light: mix(#fff, $adora, 20%);
$adora-dark: mix(#000, $adora, 20%);
.element {
color: $adora;
box-shadow: 0 0 0 2px rgba($adora, 0.35);
}