Colore con nome più vicino · #2D70AD
#2D70AD
Colore con nome più vicino: Campanula
#2D70AD (rgb(45 112 173), hsl(209 59% 43%), oklch(0.532 0.117 249.2)) è più vicino al colore con nome Campanula. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#2D70AD
oklch(0.532 0.117 249.2)
Conversioni di colore
- HEX
- #2d70ad
- RGB
- rgb(45 112 173)
- HSL
- hsl(209 59% 43%)
- HWB
- hwb(209 18% 32%)
- OKLCH
- oklch(0.532 0.117 249.2)
- OKLab
- oklab(0.532 -0.042 -0.11)
- CIE Lab
- lab(45.27 -5.33 -39.38)
- LCH
- lch(45.27 39.74 262.3)
- CMYK
- cmyk(74% 35% 0% 32%)
Tinte · Ombre · Toni
Tinte
- 447EB6
- 598CBE
- 6E9AC7
- 82A8CF
- 97B7D7
- ABC5E0
- C0D3E8
- D5E2F0
- EAF0F7
Ombre
- 266096
- 1F517F
- 18436A
- 113555
- 0B2741
- 061A2D
- 020E1B
- 01040B
- 000101
Toni
- 3872A9
- 4274A5
- 4B76A0
- 53789C
- 5B7998
- 637B93
- 6B7C8F
- 727E8A
- 797F85
Armonie di colore
Complementare +180°
- 2D70AD
Campanula
- 975E00
≈ Raw Sienna
Analogo -30° +30°
- 2D70AD
Campanula
- 007992
≈ Bayou Serenade
- 5F63AF
≈ Bellflower
Triadico +120° +240°
- 2D70AD
Campanula
- A44C5E
≈ Glazed Raspberry
- 577927
≈ Luscious Lemongrass
Complementare divisa +150° +210°
- 2D70AD
Campanula
- A45135
≈ Truffle Trouble
- 7C6D00
≈ Sunlit Kelp Green
Tetradico +90° +180° +270°
- 2D70AD
Campanula
- 984F82
≈ Verve Violet
- 975E00
≈ Raw Sienna
- 118053
≈ Irish Beauty
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.20:1 · APCA Lc 76
Ag
FailSu nero
WCAG 4.03:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.20:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--campanula: #2d70ad;
--campanula-rgb: 45 112 173;
--campanula-oklch: oklch(0.532 0.117 249.2);
}
.element {
color: var(--campanula);
background-color: hsl(209 59% 43%);
border-color: oklch(0.532 0.117 249.2);
}Tailwind CSS v4
@theme {
--color-campanula: #2d70ad;
--color-campanula-50: #ddf8ff;
--color-campanula-100: #ccebff;
--color-campanula-200: #b0d8ff;
--color-campanula-300: #8abcf2;
--color-campanula-400: #65a3e1;
--color-campanula-500: #408bd0;
--color-campanula-600: #3775b0;
--color-campanula-700: #2c5e8d;
--color-campanula-800: #1c4569;
--color-campanula-900: #12304a;
--color-campanula-950: #041c30;
}SCSS
$campanula: #2d70ad;
$campanula-rgb: 45, 112, 173;
$campanula-light: mix(#fff, $campanula, 20%);
$campanula-dark: mix(#000, $campanula, 20%);
.element {
color: $campanula;
box-shadow: 0 0 0 2px rgba($campanula, 0.35);
}