Dichtstbijzijnde benoemde kleur · #3E8FB7
#3E8FB7
Dichtstbijzijnde benoemde kleur: Swimmer
#3E8FB7 (rgb(62 143 183), hsl(200 49% 48%), oklch(0.617 0.099 233.1)) komt het dichtst bij de benoemde kleur Swimmer. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#3E8FB7
oklch(0.617 0.099 233.1)
Kleurconversies
- HEX
- #3e8fb7
- RGB
- rgb(62 143 183)
- HSL
- hsl(200 49% 48%)
- HWB
- hwb(200 24% 28%)
- OKLCH
- oklch(0.617 0.099 233.1)
- OKLab
- oklab(0.617 -0.059 -0.079)
- CIE Lab
- lab(55.72 -15.88 -28.8)
- LCH
- lch(55.72 32.89 241.1)
- CMYK
- cmyk(66% 22% 0% 28%)
Tinten · Schaduwen · Tonen
Tinten
- 549ABE
- 69A5C6
- 7CB0CD
- 8FBBD4
- A2C7DC
- B4D2E3
- C7DDEA
- D9E8F1
- ECF4F8
Schaduwen
- 357C9F
- 2B6987
- 235770
- 1A455A
- 123445
- 0A2431
- 04151E
- 01070C
- 000102
Tonen
- 488EB2
- 508CAC
- 588BA7
- 5F8AA1
- 65889C
- 6B8796
- 718591
- 76848B
- 7B8286
Kleurharmonieën
Complementair +180°
- 3E8FB7
Swimmer
- B4744A
≈ Baked Bean
Analoog -30° +30°
- 3E8FB7
Swimmer
- 1E96A0
≈ Aqua Lake
- 6685C1
≈ Orbital
Triadisch +120° +240°
- 3E8FB7
Swimmer
- B36B8A
≈ Pink Hibiscus
- 868C41
≈ East Aurora
Gesplitst complementair +150° +210°
- 3E8FB7
Swimmer
- B96C69
≈ Hacienda Tile
- A27F38
≈ Tau Sept Ochre
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.60:1 · APCA Lc 63
Ag
AAOp zwart
WCAG 5.81:1 · APCA Lc 38
Beste tekstkleur: #000000
WCAG 5.81:1 (AA) · APCA Lc 38
Contrast pairs
Codefragmenten
CSS
:root {
--swimmer: #3e8fb7;
--swimmer-rgb: 62 143 183;
--swimmer-oklch: oklch(0.617 0.099 233.1);
}
.element {
color: var(--swimmer);
background-color: hsl(200 49% 48%);
border-color: oklch(0.617 0.099 233.1);
}Tailwind CSS v4
@theme {
--color-swimmer: #3e8fb7;
--color-swimmer-50: #dbfaff;
--color-swimmer-100: #c9eeff;
--color-swimmer-200: #acdcf9;
--color-swimmer-300: #85c0e3;
--color-swimmer-400: #5ea8cf;
--color-swimmer-500: #3391bd;
--color-swimmer-600: #2d7a9f;
--color-swimmer-700: #246280;
--color-swimmer-800: #16485e;
--color-swimmer-900: #0e3242;
--color-swimmer-950: #021e2a;
}SCSS
$swimmer: #3e8fb7;
$swimmer-rgb: 62, 143, 183;
$swimmer-light: mix(#fff, $swimmer, 20%);
$swimmer-dark: mix(#000, $swimmer, 20%);
.element {
color: $swimmer;
box-shadow: 0 0 0 2px rgba($swimmer, 0.35);
}