Nazwany kolor · #D1B791
Vermicelli
Vermicelli to #D1B791: rgb(209 183 145), hsl(36 41% 69%), oklch(0.792 0.059 77.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Vermicelli color name →
#D1B791
oklch(0.792 0.059 77.1)
Konwersje koloru
- HEX
- #d1b791
- RGB
- rgb(209 183 145)
- HSL
- hsl(36 41% 69%)
- HWB
- hwb(36 57% 18%)
- OKLCH
- oklch(0.792 0.059 77.1)
- OKLab
- oklab(0.792 0.013 0.058)
- CIE Lab
- lab(75.98 5.49 23)
- LCH
- lch(75.98 23.65 76.6)
- CMYK
- cmyk(0% 12% 31% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6BE9C
- DAC5A7
- DFCCB2
- E3D4BD
- E8DBC8
- EDE2D3
- F1E9DE
- F6F0E9
- FAF8F4
Odcienie ciemniejsze
- B59F7D
- 9B876A
- 817058
- 685A46
- 504535
- 393125
- 231E15
- 100C07
- 020201
Tony
- C9B190
- C0AC8E
- B8A68C
- B0A18B
- A89B89
- A09687
- 989086
- 908B84
- 888582
Harmonie kolorów
Komplementarna +180°
- D1B791
Vermicelli
- A4BDE2
≈ Blue Lips
Analogowa -30° +30°
- D1B791
Vermicelli
- DCB09B
≈ Rose Cloud
- BFBE93
≈ New Foliage
Triada +120° +240°
- D1B791
Vermicelli
- 8EC8C8
≈ Embellished Blue
- CBB0D5
≈ Sea Lavender
Komplementarna rozszczepiona +150° +210°
- D1B791
Vermicelli
- 93C4D9
≈ Caribbean Coast
- B8B6E0
≈ Beloved
Tetrada +90° +180° +270°
- D1B791
Vermicelli
- 97C8B3
≈ Lobaria Lichen
- A4BDE2
≈ Blue Lips
- D9ACC3
≈ Lofty Delight
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.92:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.89:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 10.89:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--vermicelli: #d1b791;
--vermicelli-rgb: 209 183 145;
--vermicelli-oklch: oklch(0.792 0.059 77.1);
}
.element {
color: var(--vermicelli);
background-color: hsl(36 41% 69%);
border-color: oklch(0.792 0.059 77.1);
}Tailwind CSS v4
@theme {
--color-vermicelli: #d1b791;
--color-vermicelli-50: #fef4e3;
--color-vermicelli-100: #f3e6d2;
--color-vermicelli-200: #e2d2b9;
--color-vermicelli-300: #c8b496;
--color-vermicelli-400: #b29a77;
--color-vermicelli-500: #9c8159;
--color-vermicelli-600: #846e4c;
--color-vermicelli-700: #6a583c;
--color-vermicelli-800: #4e402b;
--color-vermicelli-900: #372c1d;
--color-vermicelli-950: #21190d;
}SCSS
$vermicelli: #d1b791;
$vermicelli-rgb: 209, 183, 145;
$vermicelli-light: mix(#fff, $vermicelli, 20%);
$vermicelli-dark: mix(#000, $vermicelli, 20%);
.element {
color: $vermicelli;
box-shadow: 0 0 0 2px rgba($vermicelli, 0.35);
}