이름 색상 · #96E2E1
Aqua Fiesta
Aqua Fiesta은(는) #96E2E1: rgb(150 226 225), hsl(179 57% 74%), oklch(0.863 0.075 194.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Aqua Fiesta color name →
#96E2E1
oklch(0.863 0.075 194.8)
색상 변환
- HEX
- #96e2e1
- RGB
- rgb(150 226 225)
- HSL
- hsl(179 57% 74%)
- HWB
- hwb(179 59% 11%)
- OKLCH
- oklch(0.863 0.075 194.8)
- OKLab
- oklab(0.863 -0.073 -0.019)
- CIE Lab
- lab(84.93 -24.54 -7.39)
- LCH
- lch(84.93 25.63 196.8)
- CMYK
- cmyk(34% 0% 0% 11%)
틴트 · 셰이드 · 톤
틴트
- A2E5E4
- ADE8E7
- B8EBEA
- C2EEED
- CDF1F0
- D7F4F3
- E1F7F6
- EBF9F9
- F5FCFC
셰이드
- 82C4C4
- 6EA8A7
- 5B8C8B
- 497170
- 375756
- 263E3E
- 162727
- 081212
- 010302
톤
- 95D8D7
- 93CECD
- 92C4C3
- 90BAB9
- 8DB0AF
- 8BA6A6
- 899D9C
- 869393
- 838989
색 조화
보색 +180°
- 96E2E1
Aqua Fiesta
- FFBFC3
≈ Piglet
유사색 -30° +30°
- 96E2E1
Aqua Fiesta
- A4E2C6
≈ Reef Green
- 9CDDF7
≈ Columbia Blue
삼각 배색 +120° +240°
- 96E2E1
Aqua Fiesta
- E5C4F5
≈ Neon Boneyard
- F0CC9B
≈ Hazy Day
분열 보색 +150° +210°
- 96E2E1
Aqua Fiesta
- F7BFDD
≈ Flamingo Feather
- FDC3AA
≈ Gadabout
사각 배색 +90° +180° +270°
- 96E2E1
Aqua Fiesta
- CCCCFF
≈ Lavender Blue
- FFBFC3
≈ Piglet
- D9D59C
≈ Crocodile Tears
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.47:1 · APCA Lc 22
Ag
AAA검은색 위
WCAG 14.26:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.26:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--aqua-fiesta: #96e2e1;
--aqua-fiesta-rgb: 150 226 225;
--aqua-fiesta-oklch: oklch(0.863 0.075 194.8);
}
.element {
color: var(--aqua-fiesta);
background-color: hsl(179 57% 74%);
border-color: oklch(0.863 0.075 194.8);
}Tailwind CSS v4
@theme {
--color-aqua-fiesta: #96e2e1;
--color-aqua-fiesta-50: #defcfc;
--color-aqua-fiesta-100: #ccf0f0;
--color-aqua-fiesta-200: #b0dfdf;
--color-aqua-fiesta-300: #89c4c4;
--color-aqua-fiesta-400: #66adac;
--color-aqua-fiesta-500: #3f9695;
--color-aqua-fiesta-600: #377f7e;
--color-aqua-fiesta-700: #2c6565;
--color-aqua-fiesta-800: #1e4b49;
--color-aqua-fiesta-900: #143433;
--color-aqua-fiesta-950: #051f1f;
}SCSS
$aqua-fiesta: #96e2e1;
$aqua-fiesta-rgb: 150, 226, 225;
$aqua-fiesta-light: mix(#fff, $aqua-fiesta, 20%);
$aqua-fiesta-dark: mix(#000, $aqua-fiesta, 20%);
.element {
color: $aqua-fiesta;
box-shadow: 0 0 0 2px rgba($aqua-fiesta, 0.35);
}