Dichtstbijzijnde benoemde kleur · #2CA4FD
#2CA4FD
Dichtstbijzijnde benoemde kleur: Cerulean
#2CA4FD (rgb(44 164 253), hsl(206 98% 58%), oklch(0.697 0.165 246.5)) komt het dichtst bij de benoemde kleur Cerulean. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#2CA4FD
oklch(0.697 0.165 246.5)
Kleurconversies
- HEX
- #2ca4fd
- RGB
- rgb(44 164 253)
- HSL
- hsl(206 98% 58%)
- HWB
- hwb(206 17% 1%)
- OKLCH
- oklch(0.697 0.165 246.5)
- OKLab
- oklab(0.697 -0.066 -0.151)
- CIE Lab
- lab(64.26 -9.25 -54.3)
- LCH
- lch(64.26 55.08 260.3)
- CMYK
- cmyk(83% 35% 0% 1%)
Tinten · Schaduwen · Tonen
Tinten
- 4BAEFE
- 64B7FF
- 79C1FF
- 8ECAFF
- A1D3FF
- B4DCFF
- C7E5FF
- DAEEFF
- ECF6FF
Schaduwen
- 258EDC
- 1E79BC
- 17649D
- 11507F
- 0A3D62
- 052B47
- 021A2D
- 010A16
- 000103
Tonen
- 3DA1F0
- 4A9EE4
- 549BD7
- 5C97CB
- 6494BE
- 6B90B2
- 718CA6
- 768899
- 7B848D
Kleurharmonieën
Complementair +180°
- 2CA4FD
Cerulean
- DC8700
≈ Fleur de Sel Caramel
Analoog -30° +30°
- 2CA4FD
Cerulean
- 00B0CF
≈ Aquarius
- 8591FF
≈ Lavender Blue Shadow
Triadisch +120° +240°
- 2CA4FD
Cerulean
- EF6B8D
≈ Cupid’s Arrow
- 83AF26
≈ Football Field
Gesplitst complementair +150° +210°
- 2CA4FD
Cerulean
- F1724F
≈ Fiery Sky
- B89C00
≈ Perennial
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.68:1 · APCA Lc 52
Ag
AAAOp zwart
WCAG 7.83:1 · APCA Lc 50
Beste tekstkleur: #000000
WCAG 7.83:1 (AAA) · APCA Lc 50
Contrast pairs
Codefragmenten
CSS
:root {
--cerulean: #2ca4fd;
--cerulean-rgb: 44 164 253;
--cerulean-oklch: oklch(0.697 0.165 246.5);
}
.element {
color: var(--cerulean);
background-color: hsl(206 98% 58%);
border-color: oklch(0.697 0.165 246.5);
}Tailwind CSS v4
@theme {
--color-cerulean: #2ca4fd;
--color-cerulean-50: #d1faff;
--color-cerulean-100: #bdedff;
--color-cerulean-200: #9bdbff;
--color-cerulean-300: #6fbeff;
--color-cerulean-400: #38a5f9;
--color-cerulean-500: #008beb;
--color-cerulean-600: #0076c7;
--color-cerulean-700: #005ea0;
--color-cerulean-800: #004677;
--color-cerulean-900: #003054;
--color-cerulean-950: #001c38;
}SCSS
$cerulean: #2ca4fd;
$cerulean-rgb: 44, 164, 253;
$cerulean-light: mix(#fff, $cerulean, 20%);
$cerulean-dark: mix(#000, $cerulean, 20%);
.element {
color: $cerulean;
box-shadow: 0 0 0 2px rgba($cerulean, 0.35);
}