Dichtstbijzijnde benoemde kleur · #1E8CC2
#1E8CC2
Dichtstbijzijnde benoemde kleur: Forget-Me-Not
#1E8CC2 (rgb(30 140 194), hsl(200 73% 44%), oklch(0.607 0.123 236.6)) komt het dichtst bij de benoemde kleur Forget-Me-Not. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#1E8CC2
oklch(0.607 0.123 236.6)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 4098C9
- 59A3CF
- 6FAFD5
- 85BADC
- 99C6E2
- AED1E8
- C2DDEE
- D6E8F4
- EBF3F9
Schaduwen
- 1979A8
- 13678F
- 0E5577
- 094360
- 053349
- 032334
- 011420
- 00070E
- 000102
Tonen
- 328BBC
- 3F8AB5
- 4B89AF
- 5488A8
- 5D87A2
- 65869B
- 6C8594
- 73838E
- 7A8287
Kleurharmonieën
Complementair +180°
- 1E8CC2
Forget-Me-Not
- B96D2E
≈ Brown Alpaca
Analoog -30° +30°
- 1E8CC2
Forget-Me-Not
- 0093A1
≈ Jaded
- 607FCC
≈ Bodega Bay
Triadisch +120° +240°
- 1E8CC2
Forget-Me-Not
- BB6084
≈ Raspberry Parfait
- 7E8B26
≈ Absinthe Dreams
Gesplitst complementair +150° +210°
- 1E8CC2
Forget-Me-Not
- C1625A
≈ Barbecue
- A27C05
≈ Hornet Yellow
Tetradisch +90° +180° +270°
- 1E8CC2
Forget-Me-Not
- A866A9
≈ Iris Orchid
- B96D2E
≈ Brown Alpaca
- 4A9654
≈ Alpine Herbs
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.75:1 · APCA Lc 65
Ag
AAOp zwart
WCAG 5.58:1 · APCA Lc 37
Beste tekstkleur: #000000
WCAG 5.58:1 (AA) · APCA Lc 37
Contrast pairs
Codefragmenten
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);
}