Dichtstbijzijnde benoemde kleur · #66BBE4
#66BBE4
Dichtstbijzijnde benoemde kleur: Malibu
#66BBE4 (rgb(102 187 228), hsl(200 70% 65%), oklch(0.754 0.101 231.1)) komt het dichtst bij de benoemde kleur Malibu. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#66BBE4
oklch(0.754 0.101 231.1)
Kleurconversies
- HEX
- #66bbe4
- RGB
- rgb(102 187 228)
- HSL
- hsl(200 70% 65%)
- HWB
- hwb(200 40% 11%)
- OKLCH
- oklch(0.754 0.101 231.1)
- OKLab
- oklab(0.754 -0.064 -0.079)
- CIE Lab
- lab(71.75 -18.08 -28.97)
- LCH
- lch(71.75 34.15 238)
- CMYK
- cmyk(55% 18% 0% 11%)
Tinten · Schaduwen · Tonen
Tinten
- 77C2E7
- 88C9EA
- 97D0ED
- A7D7F0
- B6DDF2
- C5E4F5
- D3EBF8
- E2F2FA
- F0F8FD
Schaduwen
- 58A2C6
- 4A8AA9
- 3C738D
- 2F5C72
- 234658
- 17323F
- 0C1F28
- 040D12
- 000203
Tonen
- 6BB5DA
- 6FAFD0
- 72A9C5
- 75A4BB
- 789EB1
- 7A98A7
- 7C929D
- 7E8C94
- 7F868A
Kleurharmonieën
Complementair +180°
- 66BBE4
Malibu
- E39D73
≈ Pecan Veneer
Analoog -30° +30°
- 66BBE4
Malibu
- 52C3CA
≈ Baharroth Blue
- 8BB0F0
≈ Fly Away
Triadisch +120° +240°
- 66BBE4
Malibu
- E194B7
≈ Chewing Gum Pink
- B2B668
≈ Lime Rickey
Gesplitst complementair +150° +210°
- 66BBE4
Malibu
- E99593
≈ Dishy Coral
- D0A961
≈ Ginger Crunch
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.14:1 · APCA Lc 42
Ag
AAAOp zwart
WCAG 9.79:1 · APCA Lc 60
Beste tekstkleur: #000000
WCAG 9.79:1 (AAA) · APCA Lc 60
Contrast pairs
Codefragmenten
CSS
:root {
--malibu: #66bbe4;
--malibu-rgb: 102 187 228;
--malibu-oklch: oklch(0.754 0.101 231.1);
}
.element {
color: var(--malibu);
background-color: hsl(200 70% 65%);
border-color: oklch(0.754 0.101 231.1);
}Tailwind CSS v4
@theme {
--color-malibu: #66bbe4;
--color-malibu-50: #dafbff;
--color-malibu-100: #c7efff;
--color-malibu-200: #aadcf9;
--color-malibu-300: #82c1e3;
--color-malibu-400: #59a9cf;
--color-malibu-500: #2a91bd;
--color-malibu-600: #277b9f;
--color-malibu-700: #1f6380;
--color-malibu-800: #12495e;
--color-malibu-900: #0c3242;
--color-malibu-950: #001e2a;
}SCSS
$malibu: #66bbe4;
$malibu-rgb: 102, 187, 228;
$malibu-light: mix(#fff, $malibu, 20%);
$malibu-dark: mix(#000, $malibu, 20%);
.element {
color: $malibu;
box-shadow: 0 0 0 2px rgba($malibu, 0.35);
}