Nazwany kolor · #CBB99B
Crewel Tan
Crewel Tan to #CBB99B: rgb(203 185 155), hsl(38 32% 70%), oklch(0.793 0.046 80.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Crewel Tan color name →
#CBB99B
oklch(0.793 0.046 80.5)
Konwersje koloru
- HEX
- #cbb99b
- RGB
- rgb(203 185 155)
- HSL
- hsl(38 32% 70%)
- HWB
- hwb(38 61% 20%)
- OKLCH
- oklch(0.793 0.046 80.5)
- OKLab
- oklab(0.793 0.008 0.045)
- CIE Lab
- lab(76.1 3.13 17.74)
- LCH
- lch(76.1 18.01 80)
- CMYK
- cmyk(0% 9% 24% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D0C0A5
- D5C7AF
- DACEB9
- E0D5C2
- E5DCCC
- EAE3D6
- EFEAE0
- F4F1EB
- FAF8F5
Odcienie ciemniejsze
- B0A086
- 968972
- 7D715E
- 655B4B
- 4D4639
- 373128
- 221E18
- 0F0D09
- 020201
Tony
- C3B398
- BCAD96
- B4A893
- ACA290
- A59C8E
- 9D968B
- 969188
- 8F8B86
- 878683
Harmonie kolorów
Komplementarna +180°
- CBB99B
Crewel Tan
- ABBDDA
≈ Pigeon Post
Analogowa -30° +30°
- CBB99B
Crewel Tan
- D5B4A2
≈ Soba
- BCBF9D
≈ Animal Kingdom
Triada +120° +240°
- CBB99B
Crewel Tan
- 9AC5C7
≈ Favourite Sweater
- C9B3CE
≈ Elfin Herb
Komplementarna rozszczepiona +150° +210°
- CBB99B
Crewel Tan
- 9EC2D4
≈ Angel Sol
- BBB7D7
≈ Purple Heather
Tetrada +90° +180° +270°
- CBB99B
Crewel Tan
- 9FC6B7
≈ Lobaria Lichen
- ABBDDA
≈ Pigeon Post
- D4B0BF
≈ Kindness
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.91:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.95:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 10.95:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--crewel-tan: #cbb99b;
--crewel-tan-rgb: 203 185 155;
--crewel-tan-oklch: oklch(0.793 0.046 80.5);
}
.element {
color: var(--crewel-tan);
background-color: hsl(38 32% 70%);
border-color: oklch(0.793 0.046 80.5);
}Tailwind CSS v4
@theme {
--color-crewel-tan: #cbb99b;
--color-crewel-tan-50: #fcf4e7;
--color-crewel-tan-100: #efe7d7;
--color-crewel-tan-200: #ded3bf;
--color-crewel-tan-300: #c3b69e;
--color-crewel-tan-400: #ad9c80;
--color-crewel-tan-500: #968364;
--color-crewel-tan-600: #7f6f55;
--color-crewel-tan-700: #665944;
--color-crewel-tan-800: #4b4131;
--color-crewel-tan-900: #342d21;
--color-crewel-tan-950: #201a10;
}SCSS
$crewel-tan: #cbb99b;
$crewel-tan-rgb: 203, 185, 155;
$crewel-tan-light: mix(#fff, $crewel-tan, 20%);
$crewel-tan-dark: mix(#000, $crewel-tan, 20%);
.element {
color: $crewel-tan;
box-shadow: 0 0 0 2px rgba($crewel-tan, 0.35);
}