Nazwany kolor · #C5A88D
Beige Intenso
Beige Intenso to #C5A88D: rgb(197 168 141), hsl(29 33% 66%), oklch(0.75 0.05 64.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Beige Intenso color name →
#C5A88D
oklch(0.75 0.05 64.9)
Konwersje koloru
- HEX
- #c5a88d
- RGB
- rgb(197 168 141)
- HSL
- hsl(29 33% 66%)
- HWB
- hwb(29 55% 23%)
- OKLCH
- oklch(0.75 0.05 64.9)
- OKLab
- oklab(0.75 0.021 0.046)
- CIE Lab
- lab(70.95 7.94 18.13)
- LCH
- lch(70.95 19.79 66.4)
- CMYK
- cmyk(0% 15% 28% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CBB098
- D1B9A3
- D6C2AE
- DCCABA
- E2D3C5
- E8DCD1
- EEE4DC
- F3EDE8
- F9F6F3
Odcienie ciemniejsze
- AB927A
- 927C67
- 796755
- 615244
- 4B3F33
- 352C23
- 211A14
- 0E0A07
- 020101
Tony
- BEA48C
- B7A08B
- B09C89
- A99888
- A29487
- 9B9086
- 948C84
- 8E8883
- 878481
Harmonie kolorów
Komplementarna +180°
- C5A88D
Beige Intenso
- 94B2CC
≈ Innocent Blue
Analogowa -30° +30°
- C5A88D
Beige Intenso
- CCA399
≈ Eunry
- B8AE8A
≈ Hemp Fabric
Triada +120° +240°
- C5A88D
Beige Intenso
- 8AB9B2
≈ Morning Green
- B5A6C8
≈ Pixieland
Komplementarna rozszczepiona +150° +210°
- C5A88D
Beige Intenso
- 8AB7C2
≈ Sea Angel
- A4ACCF
≈ Mild Blue Yonder
Tetrada +90° +180° +270°
- C5A88D
Beige Intenso
- 95B8A0
≈ Greyed Jade
- 94B2CC
≈ Innocent Blue
- C3A2BB
≈ Blackberry Sorbet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.24:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.35:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.35:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--beige-intenso: #c5a88d;
--beige-intenso-rgb: 197 168 141;
--beige-intenso-oklch: oklch(0.75 0.05 64.9);
}
.element {
color: var(--beige-intenso);
background-color: hsl(29 33% 66%);
border-color: oklch(0.75 0.05 64.9);
}Tailwind CSS v4
@theme {
--color-beige-intenso: #c5a88d;
--color-beige-intenso-50: #fff3e6;
--color-beige-intenso-100: #f4e5d7;
--color-beige-intenso-200: #e3d1be;
--color-beige-intenso-300: #cab39d;
--color-beige-intenso-400: #b49980;
--color-beige-intenso-500: #9e8063;
--color-beige-intenso-600: #866c54;
--color-beige-intenso-700: #6b5643;
--color-beige-intenso-800: #4f3f30;
--color-beige-intenso-900: #372b21;
--color-beige-intenso-950: #221810;
}SCSS
$beige-intenso: #c5a88d;
$beige-intenso-rgb: 197, 168, 141;
$beige-intenso-light: mix(#fff, $beige-intenso, 20%);
$beige-intenso-dark: mix(#000, $beige-intenso, 20%);
.element {
color: $beige-intenso;
box-shadow: 0 0 0 2px rgba($beige-intenso, 0.35);
}