Nazwany kolor · #BBAA88
Bangalore
Bangalore to #BBAA88: rgb(187 170 136), hsl(40 27% 63%), oklch(0.744 0.051 84.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Bangalore color name →
#BBAA88
oklch(0.744 0.051 84.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C2B294
- C8BB9F
- CFC3AB
- D6CBB7
- DDD4C3
- E3DCCF
- EAE5DB
- F1EEE7
- F8F6F3
Odcienie ciemniejsze
- A29375
- 8A7D63
- 736852
- 5C5341
- 463F31
- 322D22
- 1F1B13
- 0D0B06
- 020101
Tony
- B5A687
- AFA287
- A99D86
- A39985
- 9D9585
- 979184
- 918C83
- 8C8882
- 868481
Harmonie kolorów
Komplementarna +180°
- BBAA88
Bangalore
- 9CACCD
≈ Lilac Scent Soft Blue
Analogowa -30° +30°
- BBAA88
Bangalore
- C6A48E
≈ Peanut Butter Crust
- ABB08C
≈ Majolica Green
Triada +120° +240°
- BBAA88
Bangalore
- 87B6BB
≈ Kitchen Blue
- BDA2BE
≈ Beach Lilac
Komplementarna rozszczepiona +150° +210°
- BBAA88
Bangalore
- 8DB2C8
≈ Batch Blue
- ADA6C9
≈ Violeta Silvestre
Tetrada +90° +180° +270°
- BBAA88
Bangalore
- 8BB7AA
≈ Treetop
- 9CACCD
≈ Lilac Scent Soft Blue
- C79FAE
≈ Damsel
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.27:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.21:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.21:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
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);
}