이름 색상 · #A1DDD4
Vidalia
Vidalia은(는) #A1DDD4: rgb(161 221 212), hsl(171 47% 75%), oklch(0.854 0.062 184.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Vidalia color name →
#A1DDD4
oklch(0.854 0.062 184.6)
색상 변환
- HEX
- #a1ddd4
- RGB
- rgb(161 221 212)
- HSL
- hsl(171 47% 75%)
- HWB
- hwb(171 63% 13%)
- OKLCH
- oklch(0.854 0.062 184.6)
- OKLab
- oklab(0.854 -0.062 -0.005)
- CIE Lab
- lab(83.84 -21.26 -2.07)
- LCH
- lch(83.84 21.36 185.6)
- CMYK
- cmyk(27% 0% 4% 13%)
틴트 · 셰이드 · 톤
틴트
- ABE0D8
- B5E4DC
- BEE7E1
- C8EBE5
- D1EEE9
- DAF2EE
- E4F5F2
- EDF8F6
- F6FCFB
셰이드
- 8BC0B8
- 76A49D
- 628883
- 4E6E69
- 3C5551
- 2A3D3A
- 192624
- 091110
- 010202
톤
- 9ED3CB
- 9BCAC3
- 98C0BA
- 95B7B1
- 92AEA9
- 8EA4A1
- 8B9B98
- 879290
- 848988
색 조화
보색 +180°
- A1DDD4
Vidalia
- F4BFCA
≈ Strawberry Confection
유사색 -30° +30°
- A1DDD4
Vidalia
- B0DCBD
≈ Ice Mist
- A0DAE9
≈ Nevada Sky
삼각 배색 +120° +240°
- A1DDD4
Vidalia
- D8C6F1
≈ Foggy Love
- EDC7A5
≈ Negroni
분열 보색 +150° +210°
- A1DDD4
Vidalia
- EAC0E0
≈ Sweet Alyssum
- F5C1B4
≈ Rustique
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.52:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.80:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.80:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--vidalia: #a1ddd4;
--vidalia-rgb: 161 221 212;
--vidalia-oklch: oklch(0.854 0.062 184.6);
}
.element {
color: var(--vidalia);
background-color: hsl(171 47% 75%);
border-color: oklch(0.854 0.062 184.6);
}Tailwind CSS v4
@theme {
--color-vidalia: #a1ddd4;
--color-vidalia-50: #e2fbf8;
--color-vidalia-100: #d2efeb;
--color-vidalia-200: #b7ddd8;
--color-vidalia-300: #94c2bc;
--color-vidalia-400: #74aba3;
--color-vidalia-500: #53948b;
--color-vidalia-600: #477d76;
--color-vidalia-700: #38645e;
--color-vidalia-800: #284a44;
--color-vidalia-900: #1b332f;
--color-vidalia-950: #0b1f1c;
}SCSS
$vidalia: #a1ddd4;
$vidalia-rgb: 161, 221, 212;
$vidalia-light: mix(#fff, $vidalia, 20%);
$vidalia-dark: mix(#000, $vidalia, 20%);
.element {
color: $vidalia;
box-shadow: 0 0 0 2px rgba($vidalia, 0.35);
}