Colore con nome più vicino · #1E8CC2
#1E8CC2
Colore con nome più vicino: Forget-Me-Not
#1E8CC2 (rgb(30 140 194), hsl(200 73% 44%), oklch(0.607 0.123 236.6)) è più vicino al colore con nome Forget-Me-Not. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#1E8CC2
oklch(0.607 0.123 236.6)
Conversioni di colore
- HEX
- #1e8cc2
- RGB
- rgb(30 140 194)
- HSL
- hsl(200 73% 44%)
- HWB
- hwb(200 12% 24%)
- OKLCH
- oklch(0.607 0.123 236.6)
- OKLab
- oklab(0.607 -0.068 -0.103)
- CIE Lab
- lab(54.41 -15.7 -37.14)
- LCH
- lch(54.41 40.32 247.1)
- CMYK
- cmyk(85% 28% 0% 24%)
Tinte · Ombre · Toni
Tinte
- 4098C9
- 59A3CF
- 6FAFD5
- 85BADC
- 99C6E2
- AED1E8
- C2DDEE
- D6E8F4
- EBF3F9
Ombre
- 1979A8
- 13678F
- 0E5577
- 094360
- 053349
- 032334
- 011420
- 00070E
- 000102
Toni
- 328BBC
- 3F8AB5
- 4B89AF
- 5488A8
- 5D87A2
- 65869B
- 6C8594
- 73838E
- 7A8287
Armonie di colore
Complementare +180°
- 1E8CC2
Forget-Me-Not
- B96D2E
≈ Brown Alpaca
Analogo -30° +30°
- 1E8CC2
Forget-Me-Not
- 0093A1
≈ Jaded
- 607FCC
≈ Bodega Bay
Triadico +120° +240°
- 1E8CC2
Forget-Me-Not
- BB6084
≈ Raspberry Parfait
- 7E8B26
≈ Absinthe Dreams
Complementare divisa +150° +210°
- 1E8CC2
Forget-Me-Not
- C1625A
≈ Barbecue
- A27C05
≈ Hornet Yellow
Tetradico +90° +180° +270°
- 1E8CC2
Forget-Me-Not
- A866A9
≈ Iris Orchid
- B96D2E
≈ Brown Alpaca
- 4A9654
≈ Alpine Herbs
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.75:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.58:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.58:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--forget-me-not: #1e8cc2;
--forget-me-not-rgb: 30 140 194;
--forget-me-not-oklch: oklch(0.607 0.123 236.6);
}
.element {
color: var(--forget-me-not);
background-color: hsl(200 73% 44%);
border-color: oklch(0.607 0.123 236.6);
}Tailwind CSS v4
@theme {
--color-forget-me-not: #1e8cc2;
--color-forget-me-not-50: #d6fbff;
--color-forget-me-not-100: #c3efff;
--color-forget-me-not-200: #a3dcff;
--color-forget-me-not-300: #79c0ef;
--color-forget-me-not-400: #4ba9de;
--color-forget-me-not-500: #0090cc;
--color-forget-me-not-600: #0a7aad;
--color-forget-me-not-700: #0a628b;
--color-forget-me-not-800: #004866;
--color-forget-me-not-900: #023248;
--color-forget-me-not-950: #001e2f;
}SCSS
$forget-me-not: #1e8cc2;
$forget-me-not-rgb: 30, 140, 194;
$forget-me-not-light: mix(#fff, $forget-me-not, 20%);
$forget-me-not-dark: mix(#000, $forget-me-not, 20%);
.element {
color: $forget-me-not;
box-shadow: 0 0 0 2px rgba($forget-me-not, 0.35);
}