Najbliższy nazwany kolor · #66BBE4
#66BBE4
Najbliższy nazwany kolor: Malibu
#66BBE4 (rgb(102 187 228), hsl(200 70% 65%), oklch(0.754 0.101 231.1)) jest najbliższy nazwanemu kolorowi Malibu. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#66BBE4
oklch(0.754 0.101 231.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 77C2E7
- 88C9EA
- 97D0ED
- A7D7F0
- B6DDF2
- C5E4F5
- D3EBF8
- E2F2FA
- F0F8FD
Odcienie ciemniejsze
- 58A2C6
- 4A8AA9
- 3C738D
- 2F5C72
- 234658
- 17323F
- 0C1F28
- 040D12
- 000203
Tony
- 6BB5DA
- 6FAFD0
- 72A9C5
- 75A4BB
- 789EB1
- 7A98A7
- 7C929D
- 7E8C94
- 7F868A
Harmonie kolorów
Komplementarna +180°
- 66BBE4
Malibu
- E39D73
≈ Pecan Veneer
Analogowa -30° +30°
- 66BBE4
Malibu
- 52C3CA
≈ Baharroth Blue
- 8BB0F0
≈ Fly Away
Triada +120° +240°
- 66BBE4
Malibu
- E194B7
≈ Chewing Gum Pink
- B2B668
≈ Lime Rickey
Komplementarna rozszczepiona +150° +210°
- 66BBE4
Malibu
- E99593
≈ Dishy Coral
- D0A961
≈ Ginger Crunch
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.14:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.79:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.79:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
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);
}