Nazwany kolor · #C1E5EA
La Paz Siesta
La Paz Siesta to #C1E5EA: rgb(193 229 234), hsl(187 49% 84%), oklch(0.898 0.038 206.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · La Paz Siesta color name →
#C1E5EA
oklch(0.898 0.038 206.8)
Konwersje koloru
- HEX
- #c1e5ea
- RGB
- rgb(193 229 234)
- HSL
- hsl(187 49% 84%)
- HWB
- hwb(187 76% 8%)
- OKLCH
- oklch(0.898 0.038 206.8)
- OKLab
- oklab(0.898 -0.034 -0.017)
- CIE Lab
- lab(88.46 -11.39 -6.58)
- LCH
- lch(88.46 13.16 210)
- CMYK
- cmyk(18% 2% 0% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C7E8EC
- CEEAEE
- D4EDF0
- DAEFF2
- E0F2F5
- E6F5F7
- EDF7F9
- F3FAFB
- F9FCFD
Odcienie ciemniejsze
- A7C7CB
- 8FAAAE
- 778E91
- 5F7275
- 49585A
- 343F41
- 202829
- 0E1213
- 020303
Tony
- BADADF
- B4D0D4
- ADC6C9
- A7BBBE
- A0B1B4
- 9AA7A9
- 939D9F
- 8D9394
- 868A8A
Harmonie kolorów
Komplementarna +180°
- C1E5EA
La Paz Siesta
- F6D4D0
≈ Ballet
Analogowa -30° +30°
- C1E5EA
La Paz Siesta
- C4E6DC
≈ Touch of Frost
- C6E2F4
≈ Fresh Water
Triada +120° +240°
- C1E5EA
La Paz Siesta
- EBD5EB
≈ First Lilac
- E8DCC1
≈ Natural Radiance
Komplementarna rozszczepiona +150° +210°
- C1E5EA
La Paz Siesta
- F4D3DE
≈ Pomodoro e Mozzarella
- F2D7C5
≈ Resort Sunrise
Tetrada +90° +180° +270°
- C1E5EA
La Paz Siesta
- DFD9F4
≈ Nostalgia Perfume
- F6D4D0
≈ Ballet
- DBE1C5
≈ Airy Fields
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.34:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.66:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.66:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--la-paz-siesta: #c1e5ea;
--la-paz-siesta-rgb: 193 229 234;
--la-paz-siesta-oklch: oklch(0.898 0.038 206.8);
}
.element {
color: var(--la-paz-siesta);
background-color: hsl(187 49% 84%);
border-color: oklch(0.898 0.038 206.8);
}Tailwind CSS v4
@theme {
--color-la-paz-siesta: #c1e5ea;
--color-la-paz-siesta-50: #e9f8fb;
--color-la-paz-siesta-100: #daecef;
--color-la-paz-siesta-200: #c2d9dd;
--color-la-paz-siesta-300: #a2bdc2;
--color-la-paz-siesta-400: #85a5aa;
--color-la-paz-siesta-500: #688e93;
--color-la-paz-siesta-600: #59787c;
--color-la-paz-siesta-700: #476063;
--color-la-paz-siesta-800: #334649;
--color-la-paz-siesta-900: #233132;
--color-la-paz-siesta-950: #121d1e;
}SCSS
$la-paz-siesta: #c1e5ea;
$la-paz-siesta-rgb: 193, 229, 234;
$la-paz-siesta-light: mix(#fff, $la-paz-siesta, 20%);
$la-paz-siesta-dark: mix(#000, $la-paz-siesta, 20%);
.element {
color: $la-paz-siesta;
box-shadow: 0 0 0 2px rgba($la-paz-siesta, 0.35);
}