가장 가까운 이름 색상 · #91D3CA
#91D3CA
가장 가까운 이름 색상: Bambino
#91D3CA(rgb(145 211 202), hsl(172 43% 70%), oklch(0.82 0.068 185.3))와 가장 가까운 이름 색상은 Bambino입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#91D3CA
oklch(0.82 0.068 185.3)
색상 변환
- HEX
- #91d3ca
- RGB
- rgb(145 211 202)
- HSL
- hsl(172 43% 70%)
- HWB
- hwb(172 57% 17%)
- OKLCH
- oklch(0.82 0.068 185.3)
- OKLab
- oklab(0.82 -0.068 -0.006)
- CIE Lab
- lab(79.94 -23.19 -2.57)
- LCH
- lch(79.94 23.33 186.3)
- CMYK
- cmyk(31% 0% 4% 17%)
틴트 · 셰이드 · 톤
틴트
- 9DD7CF
- A8DCD4
- B3E0DA
- BEE5DF
- C9E9E4
- D4EEEA
- DFF2EF
- EAF6F4
- F4FBFA
셰이드
- 7DB7AF
- 6A9C95
- 58827C
- 466964
- 35514D
- 253A37
- 152422
- 07100F
- 010202
톤
- 90CAC2
- 8FC2BB
- 8EBAB3
- 8CB1AC
- 8AA9A4
- 89A19D
- 879896
- 85908E
- 828887
색 조화
보색 +180°
- 91D3CA
Bambino
- ECB2BE
≈ Frozen Veins
유사색 -30° +30°
- 91D3CA
Bambino
- A1D2B1
≈ Merrylyn
- 91D0E0
≈ Washed Blue
삼각 배색 +120° +240°
- 91D3CA
Bambino
- CEB9E8
≈ Connecticut Lilac
- E3BC96
≈ Only Natural
분열 보색 +150° +210°
- 91D3CA
Bambino
- E1B4D6
≈ French Lilac
- ECB5A6
≈ Plushy Pink
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.69:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.37:1 · APCA Lc 73
가장 좋은 글자색: #000000
WCAG 12.37:1 (AAA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--bambino: #91d3ca;
--bambino-rgb: 145 211 202;
--bambino-oklch: oklch(0.82 0.068 185.3);
}
.element {
color: var(--bambino);
background-color: hsl(172 43% 70%);
border-color: oklch(0.82 0.068 185.3);
}Tailwind CSS v4
@theme {
--color-bambino: #91d3ca;
--color-bambino-50: #e0fcf8;
--color-bambino-100: #d0f0ec;
--color-bambino-200: #b4ded9;
--color-bambino-300: #90c3bd;
--color-bambino-400: #6faca4;
--color-bambino-500: #4c958c;
--color-bambino-600: #417e77;
--color-bambino-700: #34655f;
--color-bambino-800: #254a45;
--color-bambino-900: #18332f;
--color-bambino-950: #091f1c;
}SCSS
$bambino: #91d3ca;
$bambino-rgb: 145, 211, 202;
$bambino-light: mix(#fff, $bambino, 20%);
$bambino-dark: mix(#000, $bambino, 20%);
.element {
color: $bambino;
box-shadow: 0 0 0 2px rgba($bambino, 0.35);
}