Colore con nome · #A7B0D5
Calm Interlude
Calm Interlude è #A7B0D5: rgb(167 176 213), hsl(228 35% 75%), oklch(0.763 0.054 274.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Calm Interlude color name →
#A7B0D5
oklch(0.763 0.054 274.3)
Conversioni di colore
- HEX
- #a7b0d5
- RGB
- rgb(167 176 213)
- HSL
- hsl(228 35% 75%)
- HWB
- hwb(228 65% 16%)
- OKLCH
- oklch(0.763 0.054 274.3)
- OKLab
- oklab(0.763 0.004 -0.054)
- CIE Lab
- lab(72.06 2.68 -19.93)
- LCH
- lch(72.06 20.11 277.7)
- CMYK
- cmyk(22% 17% 0% 16%)
Tinte · Ombre · Toni
Tinte
- AFB8D9
- B8C0DE
- C1C7E2
- C9CFE6
- D2D7EA
- DBDFEE
- E4E7F3
- EDEFF7
- F6F7FB
Ombre
- 9199B9
- 7B829E
- 666C83
- 52566A
- 3E4251
- 2C2E3A
- 1A1C24
- 0A0B10
- 010102
Toni
- A3ABCC
- 9FA6C4
- 9BA1BB
- 979DB2
- 9398AA
- 8F93A1
- 8B8E99
- 888991
- 848588
Armonie di colore
Complementare +180°
- A7B0D5
Calm Interlude
- BDB28B
≈ Weaver’s Spool
Analogo -30° +30°
- A7B0D5
Calm Interlude
- 95B6D2
≈ Oxygen Blue
- B9AACE
≈ Jacey’s Favourite
Triadico +120° +240°
- A7B0D5
Calm Interlude
- D2A69B
≈ Sunset Curtains
- 98BDA3
≈ Reeds
Complementare divisa +150° +210°
- A7B0D5
Calm Interlude
- CBAB8F
≈ Pottery Wheel
- AAB893
≈ Casa Verde
Tetradico +90° +180° +270°
- A7B0D5
Calm Interlude
- D1A4AE
≈ Lady Flower
- BDB28B
≈ Weaver’s Spool
- 8BBEB6
≈ Undine
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.13:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.81:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.81:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--calm-interlude: #a7b0d5;
--calm-interlude-rgb: 167 176 213;
--calm-interlude-oklch: oklch(0.763 0.054 274.3);
}
.element {
color: var(--calm-interlude);
background-color: hsl(228 35% 75%);
border-color: oklch(0.763 0.054 274.3);
}Tailwind CSS v4
@theme {
--color-calm-interlude: #a7b0d5;
--color-calm-interlude-50: #f1f4ff;
--color-calm-interlude-100: #e3e7fa;
--color-calm-interlude-200: #ced3ec;
--color-calm-interlude-300: #b0b6d4;
--color-calm-interlude-400: #949dbf;
--color-calm-interlude-500: #7b84ab;
--color-calm-interlude-600: #687090;
--color-calm-interlude-700: #535973;
--color-calm-interlude-800: #3c4155;
--color-calm-interlude-900: #292d3c;
--color-calm-interlude-950: #171a25;
}SCSS
$calm-interlude: #a7b0d5;
$calm-interlude-rgb: 167, 176, 213;
$calm-interlude-light: mix(#fff, $calm-interlude, 20%);
$calm-interlude-dark: mix(#000, $calm-interlude, 20%);
.element {
color: $calm-interlude;
box-shadow: 0 0 0 2px rgba($calm-interlude, 0.35);
}