Colore con nome · #7295C9
Cool Touch
Cool Touch è #7295C9: rgb(114 149 201), hsl(216 45% 62%), oklch(0.664 0.087 258.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Cool Touch color name →
#7295C9
oklch(0.664 0.087 258.1)
Conversioni di colore
- HEX
- #7295c9
- RGB
- rgb(114 149 201)
- HSL
- hsl(216 45% 62%)
- HWB
- hwb(216 45% 21%)
- OKLCH
- oklch(0.664 0.087 258.1)
- OKLab
- oklab(0.664 -0.018 -0.085)
- CIE Lab
- lab(60.63 -2.12 -31.11)
- LCH
- lch(60.63 31.18 266.1)
- CMYK
- cmyk(43% 26% 0% 21%)
Tinte · Ombre · Toni
Tinte
- 809FCF
- 8DAAD4
- 9BB4DA
- A9BFDF
- B7C9E5
- C5D4EA
- D3DFF0
- E2E9F5
- F0F4FA
Ombre
- 6281AE
- 536D95
- 445A7C
- 364864
- 28374C
- 1B2636
- 0E1622
- 04080F
- 010102
Toni
- 7493C2
- 7591BA
- 778FB3
- 788DAC
- 7A8BA5
- 7B899D
- 7C8796
- 7E858F
- 7F8287
Armonie di colore
Complementare +180°
- 7295C9
Cool Touch
- B18D53
≈ Bronze Treasure
Analogo -30° +30°
- 7295C9
Cool Touch
- 549EBE
≈ Rushing Rapids
- 918BC6
≈ Adora
Triadico +120° +240°
- 7295C9
Cool Touch
- C37D7F
≈ Impatient Heart
- 79A06C
≈ Frog Hollow
Complementare divisa +150° +210°
- 7295C9
Cool Touch
- C08364
≈ Sundial
- 989856
≈ Stem
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.06:1 · APCA Lc 57
Ag
AASu nero
WCAG 6.85:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.85:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--cool-touch: #7295c9;
--cool-touch-rgb: 114 149 201;
--cool-touch-oklch: oklch(0.664 0.087 258.1);
}
.element {
color: var(--cool-touch);
background-color: hsl(216 45% 62%);
border-color: oklch(0.664 0.087 258.1);
}Tailwind CSS v4
@theme {
--color-cool-touch: #7295c9;
--color-cool-touch-50: #e7f6ff;
--color-cool-touch-100: #d7e9ff;
--color-cool-touch-200: #bfd6fa;
--color-cool-touch-300: #9eb9e5;
--color-cool-touch-400: #7ea0d2;
--color-cool-touch-500: #6187c0;
--color-cool-touch-600: #5373a2;
--color-cool-touch-700: #425c82;
--color-cool-touch-800: #2e4360;
--color-cool-touch-900: #1f2f44;
--color-cool-touch-950: #0f1b2c;
}SCSS
$cool-touch: #7295c9;
$cool-touch-rgb: 114, 149, 201;
$cool-touch-light: mix(#fff, $cool-touch, 20%);
$cool-touch-dark: mix(#000, $cool-touch, 20%);
.element {
color: $cool-touch;
box-shadow: 0 0 0 2px rgba($cool-touch, 0.35);
}