이름 색상 · #C2E5E0
Windwood Spring
Windwood Spring은(는) #C2E5E0: rgb(194 229 224), hsl(171 40% 83%), oklch(0.895 0.037 186). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Windwood Spring color name →
#C2E5E0
oklch(0.895 0.037 186)
색상 변환
- HEX
- #c2e5e0
- RGB
- rgb(194 229 224)
- HSL
- hsl(171 40% 83%)
- HWB
- hwb(171 76% 10%)
- OKLCH
- oklch(0.895 0.037 186)
- OKLab
- oklab(0.895 -0.037 -0.004)
- CIE Lab
- lab(88.3 -12.6 -1.59)
- LCH
- lch(88.3 12.7 187.2)
- CMYK
- cmyk(15% 0% 2% 10%)
틴트 · 셰이드 · 톤
틴트
- C8E8E3
- CEEAE6
- D4EDE9
- DBEFEC
- E1F2EF
- E7F5F3
- EDF7F6
- F3FAF9
- F9FCFC
셰이드
- A8C7C3
- 8FAAA6
- 778E8A
- 607270
- 495856
- 343F3E
- 202827
- 0E1212
- 020302
톤
- BBDAD6
- B5D0CC
- AEC6C2
- A7BBB8
- A1B1AF
- 9AA7A5
- 949D9C
- 8D9392
- 878A89
색 조화
보색 +180°
- C2E5E0
Windwood Spring
- F4D3D9
≈ Cradle Pillow
유사색 -30° +30°
- C2E5E0
Windwood Spring
- CAE4D2
≈ Duck Egg Cream
- C2E3EC
≈ Serene Sky
삼각 배색 +120° +240°
- C2E5E0
Windwood Spring
- E2D7F1
≈ Pouty Purple
- EED8C3
≈ Oak Shaving
분열 보색 +150° +210°
- C2E5E0
Windwood Spring
- EDD4E6
≈ Champagne Elegance
- F4D4CC
≈ Creole Pink
사각 배색 +90° +180° +270°
- C2E5E0
Windwood Spring
- D5DBF6
≈ Quartz
- F4D3D9
≈ Cradle Pillow
- E3DDC1
≈ Flowery
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.34:1 · APCA Lc 17
Ag
AAA검은색 위
WCAG 15.57:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.57:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--windwood-spring: #c2e5e0;
--windwood-spring-rgb: 194 229 224;
--windwood-spring-oklch: oklch(0.895 0.037 186);
}
.element {
color: var(--windwood-spring);
background-color: hsl(171 40% 83%);
border-color: oklch(0.895 0.037 186);
}Tailwind CSS v4
@theme {
--color-windwood-spring: #c2e5e0;
--color-windwood-spring-50: #eaf9f7;
--color-windwood-spring-100: #dbecea;
--color-windwood-spring-200: #c3dad7;
--color-windwood-spring-300: #a3bebb;
--color-windwood-spring-400: #86a6a2;
--color-windwood-spring-500: #6a8f8a;
--color-windwood-spring-600: #5a7975;
--color-windwood-spring-700: #48615d;
--color-windwood-spring-800: #344744;
--color-windwood-spring-900: #23312f;
--color-windwood-spring-950: #121d1b;
}SCSS
$windwood-spring: #c2e5e0;
$windwood-spring-rgb: 194, 229, 224;
$windwood-spring-light: mix(#fff, $windwood-spring, 20%);
$windwood-spring-dark: mix(#000, $windwood-spring, 20%);
.element {
color: $windwood-spring;
box-shadow: 0 0 0 2px rgba($windwood-spring, 0.35);
}