Nazwany kolor · #C3A998
Adobe Straw
Adobe Straw to #C3A998: rgb(195 169 152), hsl(24 26% 68%), oklch(0.753 0.039 55.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Adobe Straw color name →
#C3A998
oklch(0.753 0.039 55.2)
Konwersje koloru
- HEX
- #c3a998
- RGB
- rgb(195 169 152)
- HSL
- hsl(24 26% 68%)
- HWB
- hwb(24 60% 24%)
- OKLCH
- oklch(0.753 0.039 55.2)
- OKLab
- oklab(0.753 0.022 0.032)
- CIE Lab
- lab(71.21 7.79 12.48)
- LCH
- lch(71.21 14.71 58)
- CMYK
- cmyk(0% 13% 22% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C9B1A2
- CFBAAC
- D5C2B6
- DBCBC0
- E1D3CB
- E7DCD5
- EDE5DF
- F3EDEA
- F9F6F4
Odcienie ciemniejsze
- A99284
- 907C70
- 78675C
- 60534A
- 4A3F38
- 342C27
- 201B17
- 0E0A08
- 020101
Tony
- BCA596
- B5A193
- AF9D91
- A8988F
- A1948C
- 9A908A
- 948C87
- 8D8885
- 878482
Harmonie kolorów
Komplementarna +180°
- C3A998
Adobe Straw
- 98B3C4
≈ Respite
Analogowa -30° +30°
- C3A998
Adobe Straw
- C6A6A2
≈ Parfait
- BAAE94
≈ Nile Sand
Triada +120° +240°
- C3A998
Adobe Straw
- 96B7AD
≈ Nile River
- B0AAC5
≈ Cosmic Sky
Komplementarna rozszczepiona +150° +210°
- C3A998
Adobe Straw
- 93B6BB
≈ Baroque Blue
- A3AFC8
≈ Poetry Reading
Tetrada +90° +180° +270°
- C3A998
Adobe Straw
- A0B6A0
≈ Silver Leaf
- 98B3C4
≈ Respite
- BCA7BD
≈ Fair Orchid
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.22:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.44:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.44:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--adobe-straw: #c3a998;
--adobe-straw-rgb: 195 169 152;
--adobe-straw-oklch: oklch(0.753 0.039 55.2);
}
.element {
color: var(--adobe-straw);
background-color: hsl(24 26% 68%);
border-color: oklch(0.753 0.039 55.2);
}Tailwind CSS v4
@theme {
--color-adobe-straw: #c3a998;
--color-adobe-straw-50: #fef3eb;
--color-adobe-straw-100: #f2e5dc;
--color-adobe-straw-200: #e2d1c5;
--color-adobe-straw-300: #c7b3a5;
--color-adobe-straw-400: #b19989;
--color-adobe-straw-500: #9b806e;
--color-adobe-straw-600: #836c5d;
--color-adobe-straw-700: #69574a;
--color-adobe-straw-800: #4d3f36;
--color-adobe-straw-900: #362b25;
--color-adobe-straw-950: #211913;
}SCSS
$adobe-straw: #c3a998;
$adobe-straw-rgb: 195, 169, 152;
$adobe-straw-light: mix(#fff, $adobe-straw, 20%);
$adobe-straw-dark: mix(#000, $adobe-straw, 20%);
.element {
color: $adobe-straw;
box-shadow: 0 0 0 2px rgba($adobe-straw, 0.35);
}