Colore con nome · #1E20C7
Tetraammine
Tetraammine è #1E20C7: rgb(30 32 199), hsl(239 74% 45%), oklch(0.404 0.24 268.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Tetraammine color name →
#1E20C7
oklch(0.404 0.24 268.3)
Conversioni di colore
- HEX
- #1e20c7
- RGB
- rgb(30 32 199)
- HSL
- hsl(239 74% 45%)
- HWB
- hwb(239 12% 22%)
- OKLCH
- oklch(0.404 0.24 268.3)
- OKLab
- oklab(0.404 -0.007 -0.24)
- CIE Lab
- lab(26.12 47.7 -85.72)
- LCH
- lch(26.12 98.1 299.1)
- CMYK
- cmyk(85% 84% 0% 22%)
Tinte · Ombre · Toni
Tinte
- 2A42CF
- 3D5BD7
- 5172DE
- 6887E4
- 7F9BEA
- 98AFEF
- B1C3F4
- CAD7F9
- E4EBFC
Ombre
- 191AAD
- 131593
- 0E0F7A
- 090A62
- 05064C
- 030336
- 010121
- 00000E
- 000002
Toni
- 2234C1
- 2941BB
- 324CB5
- 3C56AF
- 475FA8
- 5266A1
- 5D6D99
- 697492
- 747A89
Armonie di colore
Complementare +180°
- 1E20C7
Tetraammine
- 5B4500
≈ Sugarloaf Brown
Analogo -30° +30°
- 1E20C7
Tetraammine
- 004E73
≈ Sail Maker
- 5D00AA
≈ Aubergine Perl
Triadico +120° +240°
- 1E20C7
Tetraammine
- 8D0004
≈ Scab Red
- 005920
≈ Caliban Green
Complementare divisa +150° +210°
- 1E20C7
Tetraammine
- 6E3900
≈ Philippine Bronze
- 444F00
≈ No Emissions Green
Tetradico +90° +180° +270°
- 1E20C7
Tetraammine
- 860048
≈ Midnight Merlot
- 5B4500
≈ Sugarloaf Brown
- 005549
≈ Breathe Deeply
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.06:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.08:1 · APCA Lc 11
Miglior colore del testo: #FFFFFF
WCAG 10.06:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--tetraammine: #1e20c7;
--tetraammine-rgb: 30 32 199;
--tetraammine-oklch: oklch(0.404 0.24 268.3);
}
.element {
color: var(--tetraammine);
background-color: hsl(239 74% 45%);
border-color: oklch(0.404 0.24 268.3);
}Tailwind CSS v4
@theme {
--color-tetraammine: #1e20c7;
--color-tetraammine-50: #daf2ff;
--color-tetraammine-100: #c9e4ff;
--color-tetraammine-200: #adceff;
--color-tetraammine-300: #89acff;
--color-tetraammine-400: #648fff;
--color-tetraammine-500: #476cff;
--color-tetraammine-600: #3c5df4;
--color-tetraammine-700: #304ac4;
--color-tetraammine-800: #1c3794;
--color-tetraammine-900: #122669;
--color-tetraammine-950: #061249;
}SCSS
$tetraammine: #1e20c7;
$tetraammine-rgb: 30, 32, 199;
$tetraammine-light: mix(#fff, $tetraammine, 20%);
$tetraammine-dark: mix(#000, $tetraammine, 20%);
.element {
color: $tetraammine;
box-shadow: 0 0 0 2px rgba($tetraammine, 0.35);
}