Dichtstbijzijnde benoemde kleur · #238AC1
#238AC1
Dichtstbijzijnde benoemde kleur: Forget-Me-Not
#238AC1 (rgb(35 138 193), hsl(201 69% 45%), oklch(0.603 0.122 238.1)) 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.
#238AC1
oklch(0.603 0.122 238.1)
Kleurconversies
- HEX
- #238ac1
- RGB
- rgb(35 138 193)
- HSL
- hsl(201 69% 45%)
- HWB
- hwb(201 14% 24%)
- OKLCH
- oklch(0.603 0.122 238.1)
- OKLab
- oklab(0.603 -0.065 -0.104)
- CIE Lab
- lab(53.84 -14.49 -37.44)
- LCH
- lch(53.84 40.15 248.8)
- CMYK
- cmyk(82% 28% 0% 24%)
Tinten · Schaduwen · Tonen
Tinten
- 4296C8
- 5AA2CE
- 70ADD5
- 85B9DB
- 9AC5E1
- AED0E8
- C2DCEE
- D6E8F3
- EBF3F9
Schaduwen
- 1D77A7
- 17658F
- 115377
- 0C425F
- 073249
- 042234
- 011420
- 00070E
- 000102
Tonen
- 3489BB
- 4189B4
- 4C88AE
- 5587A8
- 5E86A1
- 65859B
- 6D8494
- 73838E
- 7A8187
Kleurharmonieën
Complementair +180°
- 238AC1
Forget-Me-Not
- B66C2B
≈ Brown Alpaca
Analoog -30° +30°
- 238AC1
Forget-Me-Not
- 0092A1
≈ Jaded
- 627DCA
≈ Bodega Bay
Triadisch +120° +240°
- 238AC1
Forget-Me-Not
- BA5F80
≈ Raspberry Parfait
- 7B8A28
≈ Sassy Grass
Gesplitst complementair +150° +210°
- 238AC1
Forget-Me-Not
- BF6257
≈ Too Hot to Handle
- 9F7C04
≈ Yellowish Brown
Tetradisch +90° +180° +270°
- 238AC1
Forget-Me-Not
- A865A6
≈ Iris Orchid
- B66C2B
≈ Brown Alpaca
- 479556
≈ Discover Deco
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.83:1 · APCA Lc 65
Ag
AAOp zwart
WCAG 5.47:1 · APCA Lc 36
Beste tekstkleur: #000000
WCAG 5.47:1 (AA) · APCA Lc 36
Contrast pairs
Codefragmenten
CSS
:root {
--forget-me-not: #238ac1;
--forget-me-not-rgb: 35 138 193;
--forget-me-not-oklch: oklch(0.603 0.122 238.1);
}
.element {
color: var(--forget-me-not);
background-color: hsl(201 69% 45%);
border-color: oklch(0.603 0.122 238.1);
}Tailwind CSS v4
@theme {
--color-forget-me-not: #238ac1;
--color-forget-me-not-50: #d7fbff;
--color-forget-me-not-100: #c4eeff;
--color-forget-me-not-200: #a5dcff;
--color-forget-me-not-300: #7bc0f0;
--color-forget-me-not-400: #4fa8de;
--color-forget-me-not-500: #1090cd;
--color-forget-me-not-600: #157aad;
--color-forget-me-not-700: #11618b;
--color-forget-me-not-800: #054867;
--color-forget-me-not-900: #043248;
--color-forget-me-not-950: #001e2f;
}SCSS
$forget-me-not: #238ac1;
$forget-me-not-rgb: 35, 138, 193;
$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);
}