Dichtstbijzijnde benoemde kleur · #3062E5
#3062E5
Dichtstbijzijnde benoemde kleur: Bluetiful
#3062E5 (rgb(48 98 229), hsl(223 78% 54%), oklch(0.543 0.206 264.5)) komt het dichtst bij de benoemde kleur Bluetiful. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#3062E5
oklch(0.543 0.206 264.5)
Kleurconversies
- HEX
- #3062e5
- RGB
- rgb(48 98 229)
- HSL
- hsl(223 78% 54%)
- HWB
- hwb(223 19% 10%)
- OKLCH
- oklch(0.543 0.206 264.5)
- OKLab
- oklab(0.543 -0.02 -0.205)
- CIE Lab
- lab(44.47 20.85 -72.73)
- LCH
- lch(44.47 75.66 286)
- CMYK
- cmyk(79% 57% 0% 10%)
Tinten · Schaduwen · Tonen
Tinten
- 4374E9
- 5785ED
- 6B95F1
- 7FA4F4
- 94B4F7
- A9C3FA
- BED2FC
- D3E1FD
- E9F0FE
Schaduwen
- 2854C7
- 2147AA
- 1A3A8E
- 132D72
- 0C2158
- 06163F
- 030B28
- 010312
- 000003
Tonen
- 3867DC
- 416CD2
- 4970C8
- 5173BF
- 5976B5
- 6179AB
- 697BA0
- 717D96
- 787F8B
Kleurharmonieën
Complementair +180°
- 3062E5
Bluetiful
- 8D6900
≈ Muddy Brown
Analoog -30° +30°
- 3062E5
Bluetiful
- 0079A8
≈ Sixties Blue
- 7B4AD8
≈ Aconite Purple
Triadisch +120° +240°
- 3062E5
Bluetiful
- CC1C2B
≈ Philippine Red
- 00871E
≈ Fatal Fields
Gesplitst complementair +150° +210°
- 3062E5
Bluetiful
- A95500
≈ Tijolo
- 6E7700
≈ Spinach Soup
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.24:1 · APCA Lc 75
Ag
FailOp zwart
WCAG 4.00:1 · APCA Lc 26
Beste tekstkleur: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 75
Contrast pairs
Codefragmenten
CSS
:root {
--bluetiful: #3062e5;
--bluetiful-rgb: 48 98 229;
--bluetiful-oklch: oklch(0.543 0.206 264.5);
}
.element {
color: var(--bluetiful);
background-color: hsl(223 78% 54%);
border-color: oklch(0.543 0.206 264.5);
}Tailwind CSS v4
@theme {
--color-bluetiful: #3062e5;
--color-bluetiful-50: #daf5ff;
--color-bluetiful-100: #c8e7ff;
--color-bluetiful-200: #acd1ff;
--color-bluetiful-300: #87b2ff;
--color-bluetiful-400: #6096ff;
--color-bluetiful-500: #3e78ff;
--color-bluetiful-600: #3566e2;
--color-bluetiful-700: #2a52b6;
--color-bluetiful-800: #183c88;
--color-bluetiful-900: #0f2a61;
--color-bluetiful-950: #031642;
}SCSS
$bluetiful: #3062e5;
$bluetiful-rgb: 48, 98, 229;
$bluetiful-light: mix(#fff, $bluetiful, 20%);
$bluetiful-dark: mix(#000, $bluetiful, 20%);
.element {
color: $bluetiful;
box-shadow: 0 0 0 2px rgba($bluetiful, 0.35);
}