Nazwany kolor · #C98431
Yam
Yam to #C98431: rgb(201 132 49), hsl(33 61% 49%), oklch(0.67 0.128 66.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Yam color name →
#C98431
oklch(0.67 0.128 66.9)
Konwersje koloru
- HEX
- #c98431
- RGB
- rgb(201 132 49)
- HSL
- hsl(33 61% 49%)
- HWB
- hwb(33 19% 21%)
- OKLCH
- oklch(0.67 0.128 66.9)
- OKLab
- oklab(0.67 0.05 0.117)
- CIE Lab
- lab(61.41 22.28 53.65)
- LCH
- lch(61.41 58.09 67.4)
- CMYK
- cmyk(0% 34% 76% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CF904B
- D59D61
- DBA976
- E0B58A
- E6C29D
- EBCEB1
- F0DAC4
- F5E6D8
- FAF3EB
Odcienie ciemniejsze
- AE7229
- 956022
- 7C4F1A
- 643F13
- 4C2F0C
- 362006
- 221203
- 0F0601
- 020100
Tony
- C2843E
- BB8448
- B48451
- AC8459
- A58361
- 9E8368
- 97826E
- 8F8274
- 88817A
Harmonie kolorów
Komplementarna +180°
- C98431
Yam
- 4C9BDF
≈ Flax Flower Blue
Analogowa -30° +30°
- C98431
Yam
- D7775B
≈ Clay Mug
- AC9523
≈ High Strung
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.07:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.82:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.82:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
CSS
:root {
--yam: #c98431;
--yam-rgb: 201 132 49;
--yam-oklch: oklch(0.67 0.128 66.9);
}
.element {
color: var(--yam);
background-color: hsl(33 61% 49%);
border-color: oklch(0.67 0.128 66.9);
}Tailwind CSS v4
@theme {
--color-yam: #c98431;
--color-yam-50: #ffefcf;
--color-yam-100: #ffe1bb;
--color-yam-200: #f9cb99;
--color-yam-300: #e2ab6d;
--color-yam-400: #d08e43;
--color-yam-500: #bd7200;
--color-yam-600: #a06101;
--color-yam-700: #804d04;
--color-yam-800: #603704;
--color-yam-900: #432603;
--color-yam-950: #2b1400;
}SCSS
$yam: #c98431;
$yam-rgb: 201, 132, 49;
$yam-light: mix(#fff, $yam, 20%);
$yam-dark: mix(#000, $yam, 20%);
.element {
color: $yam;
box-shadow: 0 0 0 2px rgba($yam, 0.35);
}