Nazwany kolor · #A1CFEC
Mediterranean Charm
Mediterranean Charm to #A1CFEC: rgb(161 207 236), hsl(203 66% 78%), oklch(0.832 0.063 236.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Mediterranean Charm color name →
#A1CFEC
oklch(0.832 0.063 236.2)
Konwersje koloru
- HEX
- #a1cfec
- RGB
- rgb(161 207 236)
- HSL
- hsl(203 66% 78%)
- HWB
- hwb(203 63% 7%)
- OKLCH
- oklch(0.832 0.063 236.2)
- OKLab
- oklab(0.832 -0.035 -0.052)
- CIE Lab
- lab(80.6 -10.5 -19.53)
- LCH
- lch(80.6 22.18 241.7)
- CMYK
- cmyk(32% 12% 0% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ABD4EE
- B4D9F0
- BDDDF2
- C7E2F4
- D0E7F6
- DAECF8
- E3F1FA
- ECF5FB
- F6FAFD
Odcienie ciemniejsze
- 8BB4CD
- 7699AF
- 627F92
- 4E6776
- 3C4F5B
- 2A3842
- 192329
- 091013
- 010203
Tony
- 9EC7E1
- 9BBFD6
- 98B7CB
- 95AFC0
- 91A7B5
- 8E9FAA
- 8B979F
- 878F95
- 84888A
Harmonie kolorów
Komplementarna +180°
- A1CFEC
Mediterranean Charm
- E9BEA1
≈ Madrid Beige
Analogowa -30° +30°
- A1CFEC
Mediterranean Charm
- 97D4DC
≈ Arctic Blue
- B5C8F2
≈ Tropical Blue
Triada +120° +240°
- A1CFEC
Mediterranean Charm
- EBB7C9
≈ Chantilly
- C5CE9F
≈ Dappled Daydream
Komplementarna rozszczepiona +150° +210°
- A1CFEC
Mediterranean Charm
- EEB9B3
≈ Magnolia Pink
- DAC699
≈ Straw Basket
Tetrada +90° +180° +270°
- A1CFEC
Mediterranean Charm
- DEBADE
≈ Romantic Morning
- E9BEA1
≈ Madrid Beige
- AED4B0
≈ Coral Springs
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.65:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.65:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.65:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--mediterranean-charm: #a1cfec;
--mediterranean-charm-rgb: 161 207 236;
--mediterranean-charm-oklch: oklch(0.832 0.063 236.2);
}
.element {
color: var(--mediterranean-charm);
background-color: hsl(203 66% 78%);
border-color: oklch(0.832 0.063 236.2);
}Tailwind CSS v4
@theme {
--color-mediterranean-charm: #a1cfec;
--color-mediterranean-charm-50: #e5f8ff;
--color-mediterranean-charm-100: #d5ecfb;
--color-mediterranean-charm-200: #bcd9ed;
--color-mediterranean-charm-300: #9abdd4;
--color-mediterranean-charm-400: #7ba5bf;
--color-mediterranean-charm-500: #5c8dab;
--color-mediterranean-charm-600: #4e7790;
--color-mediterranean-charm-700: #3e5f74;
--color-mediterranean-charm-800: #2c4655;
--color-mediterranean-charm-900: #1e313b;
--color-mediterranean-charm-950: #0d1d25;
}SCSS
$mediterranean-charm: #a1cfec;
$mediterranean-charm-rgb: 161, 207, 236;
$mediterranean-charm-light: mix(#fff, $mediterranean-charm, 20%);
$mediterranean-charm-dark: mix(#000, $mediterranean-charm, 20%);
.element {
color: $mediterranean-charm;
box-shadow: 0 0 0 2px rgba($mediterranean-charm, 0.35);
}