이름 색상 · #BBAA88
Bangalore
Bangalore은(는) #BBAA88: rgb(187 170 136), hsl(40 27% 63%), oklch(0.744 0.051 84.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Bangalore color name →
#BBAA88
oklch(0.744 0.051 84.5)
색상 변환
- HEX
- #bbaa88
- RGB
- rgb(187 170 136)
- HSL
- hsl(40 27% 63%)
- HWB
- hwb(40 53% 27%)
- OKLCH
- oklch(0.744 0.051 84.5)
- OKLab
- oklab(0.744 0.005 0.05)
- CIE Lab
- lab(70.43 2.43 19.95)
- LCH
- lch(70.43 20.1 83.1)
- CMYK
- cmyk(0% 9% 27% 27%)
틴트 · 셰이드 · 톤
틴트
- C2B294
- C8BB9F
- CFC3AB
- D6CBB7
- DDD4C3
- E3DCCF
- EAE5DB
- F1EEE7
- F8F6F3
셰이드
- A29375
- 8A7D63
- 736852
- 5C5341
- 463F31
- 322D22
- 1F1B13
- 0D0B06
- 020101
톤
- B5A687
- AFA287
- A99D86
- A39985
- 9D9585
- 979184
- 918C83
- 8C8882
- 868481
색 조화
보색 +180°
- BBAA88
Bangalore
- 9CACCD
≈ Lilac Scent Soft Blue
유사색 -30° +30°
- BBAA88
Bangalore
- C6A48E
≈ Peanut Butter Crust
- ABB08C
≈ Majolica Green
삼각 배색 +120° +240°
- BBAA88
Bangalore
- 87B6BB
≈ Kitchen Blue
- BDA2BE
≈ Beach Lilac
분열 보색 +150° +210°
- BBAA88
Bangalore
- 8DB2C8
≈ Batch Blue
- ADA6C9
≈ Violeta Silvestre
사각 배색 +90° +180° +270°
- BBAA88
Bangalore
- 8BB7AA
≈ Treetop
- 9CACCD
≈ Lilac Scent Soft Blue
- C79FAE
≈ Damsel
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.27:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.21:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.21:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--bangalore: #bbaa88;
--bangalore-rgb: 187 170 136;
--bangalore-oklch: oklch(0.744 0.051 84.5);
}
.element {
color: var(--bangalore);
background-color: hsl(40 27% 63%);
border-color: oklch(0.744 0.051 84.5);
}Tailwind CSS v4
@theme {
--color-bangalore: #bbaa88;
--color-bangalore-50: #fbf5e5;
--color-bangalore-100: #efe7d5;
--color-bangalore-200: #ded3bc;
--color-bangalore-300: #c3b69b;
--color-bangalore-400: #ac9d7d;
--color-bangalore-500: #96845f;
--color-bangalore-600: #7f7051;
--color-bangalore-700: #655941;
--color-bangalore-800: #4b412e;
--color-bangalore-900: #342d1f;
--color-bangalore-950: #201a0f;
}SCSS
$bangalore: #bbaa88;
$bangalore-rgb: 187, 170, 136;
$bangalore-light: mix(#fff, $bangalore, 20%);
$bangalore-dark: mix(#000, $bangalore, 20%);
.element {
color: $bangalore;
box-shadow: 0 0 0 2px rgba($bangalore, 0.35);
}