이름 색상 · #C1E5EA
La Paz Siesta
La Paz Siesta은(는) #C1E5EA: rgb(193 229 234), hsl(187 49% 84%), oklch(0.898 0.038 206.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · La Paz Siesta color name →
#C1E5EA
oklch(0.898 0.038 206.8)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- C7E8EC
- CEEAEE
- D4EDF0
- DAEFF2
- E0F2F5
- E6F5F7
- EDF7F9
- F3FAFB
- F9FCFD
셰이드
- A7C7CB
- 8FAAAE
- 778E91
- 5F7275
- 49585A
- 343F41
- 202829
- 0E1213
- 020303
톤
- BADADF
- B4D0D4
- ADC6C9
- A7BBBE
- A0B1B4
- 9AA7A9
- 939D9F
- 8D9394
- 868A8A
색 조화
보색 +180°
- C1E5EA
La Paz Siesta
- F6D4D0
≈ Ballet
유사색 -30° +30°
- C1E5EA
La Paz Siesta
- C4E6DC
≈ Touch of Frost
- C6E2F4
≈ Fresh Water
삼각 배색 +120° +240°
- C1E5EA
La Paz Siesta
- EBD5EB
≈ First Lilac
- E8DCC1
≈ Natural Radiance
분열 보색 +150° +210°
- C1E5EA
La Paz Siesta
- F4D3DE
≈ Pomodoro e Mozzarella
- F2D7C5
≈ Resort Sunrise
사각 배색 +90° +180° +270°
- C1E5EA
La Paz Siesta
- DFD9F4
≈ Nostalgia Perfume
- F6D4D0
≈ Ballet
- DBE1C5
≈ Airy Fields
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.34:1 · APCA Lc 17
Ag
AAA검은색 위
WCAG 15.66:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.66:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
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);
}