Dichtstbijzijnde benoemde kleur · #2EA2F0
#2EA2F0
Dichtstbijzijnde benoemde kleur: Fresh Blue of Bel Air
#2EA2F0 (rgb(46 162 240), hsl(204 87% 56%), oklch(0.686 0.152 243.8)) komt het dichtst bij de benoemde kleur Fresh Blue of Bel Air. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#2EA2F0
oklch(0.686 0.152 243.8)
Kleurconversies
- HEX
- #2ea2f0
- RGB
- rgb(46 162 240)
- HSL
- hsl(204 87% 56%)
- HWB
- hwb(204 18% 6%)
- OKLCH
- oklch(0.686 0.152 243.8)
- OKLab
- oklab(0.686 -0.067 -0.136)
- CIE Lab
- lab(63.17 -11.84 -48.94)
- LCH
- lch(63.17 50.35 256.4)
- CMYK
- cmyk(81% 33% 0% 6%)
Tinten · Schaduwen · Tonen
Tinten
- 4CACF2
- 64B6F4
- 79BFF6
- 8EC8F8
- A1D2FA
- B4DBFB
- C7E4FD
- DAEDFE
- ECF6FE
Schaduwen
- 278CD1
- 1F77B2
- 186395
- 124F78
- 0B3C5D
- 062A43
- 02192A
- 010A14
- 000103
Tonen
- 3E9FE5
- 4A9CDA
- 5499CE
- 5D96C3
- 6492B8
- 6B8FAD
- 718BA2
- 768897
- 7B848B
Kleurharmonieën
Complementair +180°
- 2EA2F0
Fresh Blue of Bel Air
- DA8210
≈ Dulce de Leche
Analoog -30° +30°
- 2EA2F0
Fresh Blue of Bel Air
- 00ACC7
≈ Sarah’s Garden
- 7D91F7
≈ Lavender Blue Shadow
Triadisch +120° +240°
- 2EA2F0
Fresh Blue of Bel Air
- E56D90
≈ Deep Blush
- 87A92D
≈ Avocado Green
Gesplitst complementair +150° +210°
- 2EA2F0
Fresh Blue of Bel Air
- E87258
≈ Orangeville
- B79700
≈ Kalliene Yellow
Tetradisch +90° +180° +270°
- 2EA2F0
Fresh Blue of Bel Air
- D173C1
≈ Gulābī Pink
- DA8210
≈ Dulce de Leche
- 37B46D
≈ Midori Green
Contrast en toegankelijkheid
Op wit
WCAG 2.78:1 · APCA Lc 53
Op zwart
WCAG 7.54:1 · APCA Lc 49
Beste tekstkleur: #000000
WCAG 7.54:1 (AAA) · APCA Lc 49
Contrast pairs
Codefragmenten
CSS
:root {
--fresh-blue-of-bel-air: #2ea2f0;
--fresh-blue-of-bel-air-rgb: 46 162 240;
--fresh-blue-of-bel-air-oklch: oklch(0.686 0.152 243.8);
}
.element {
color: var(--fresh-blue-of-bel-air);
background-color: hsl(204 87% 56%);
border-color: oklch(0.686 0.152 243.8);
}Tailwind CSS v4
@theme {
--color-fresh-blue-of-bel-air: #2ea2f0;
--color-fresh-blue-of-bel-air-50: #d2fbff;
--color-fresh-blue-of-bel-air-100: #bfeeff;
--color-fresh-blue-of-bel-air-200: #9ddbff;
--color-fresh-blue-of-bel-air-300: #72bfff;
--color-fresh-blue-of-bel-air-400: #3ea6f1;
--color-fresh-blue-of-bel-air-500: #008de2;
--color-fresh-blue-of-bel-air-600: #0078be;
--color-fresh-blue-of-bel-air-700: #006099;
--color-fresh-blue-of-bel-air-800: #004772;
--color-fresh-blue-of-bel-air-900: #003150;
--color-fresh-blue-of-bel-air-950: #001d35;
}SCSS
$fresh-blue-of-bel-air: #2ea2f0;
$fresh-blue-of-bel-air-rgb: 46, 162, 240;
$fresh-blue-of-bel-air-light: mix(#fff, $fresh-blue-of-bel-air, 20%);
$fresh-blue-of-bel-air-dark: mix(#000, $fresh-blue-of-bel-air, 20%);
.element {
color: $fresh-blue-of-bel-air;
box-shadow: 0 0 0 2px rgba($fresh-blue-of-bel-air, 0.35);
}