Najbliższy nazwany kolor · #C29F63
#C29F63
Najbliższy nazwany kolor: Tiger
#C29F63 (rgb(194 159 99), hsl(38 44% 57%), oklch(0.721 0.088 80.1)) jest najbliższy nazwanemu kolorowi Tiger. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#C29F63
oklch(0.721 0.088 80.1)
Konwersje koloru
- HEX
- #c29f63
- RGB
- rgb(194 159 99)
- HSL
- hsl(38 44% 57%)
- HWB
- hwb(38 39% 24%)
- OKLCH
- oklch(0.721 0.088 80.1)
- OKLab
- oklab(0.721 0.015 0.087)
- CIE Lab
- lab(67.74 7.77 36.28)
- LCH
- lch(67.74 37.1 77.9)
- CMYK
- cmyk(0% 18% 49% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C8A873
- CEB283
- D4BB92
- DAC5A2
- E1CFB1
- E7D8C1
- EDE2D0
- F3ECE0
- F9F5EF
Odcienie ciemniejsze
- A88A55
- 8F7547
- 77613A
- 604D2E
- 493B21
- 342916
- 20180B
- 0E0903
- 020100
Tony
- BB9C67
- B5996B
- AE966E
- A79371
- A19074
- 9A8D77
- 948A79
- 8D867C
- 87837E
Harmonie kolorów
Komplementarna +180°
- C29F63
Tiger
- 85A6DD
≈ Blue Cue
Analogowa -30° +30°
- C29F63
Tiger
- D29572
≈ Tawny Amber
- A8AA68
≈ Organic Garden
Triada +120° +240°
- C29F63
Tiger
- 59B6BB
≈ Spearfish
- BE93C7
≈ Rose Souvenir
Komplementarna rozszczepiona +150° +210°
- C29F63
Tiger
- 67AFD2
≈ Imrik Blue
- A49CD9
≈ Simply Violet
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.49:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.43:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.43:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--tiger: #c29f63;
--tiger-rgb: 194 159 99;
--tiger-oklch: oklch(0.721 0.088 80.1);
}
.element {
color: var(--tiger);
background-color: hsl(38 44% 57%);
border-color: oklch(0.721 0.088 80.1);
}Tailwind CSS v4
@theme {
--color-tiger: #c29f63;
--color-tiger-50: #fff3d9;
--color-tiger-100: #f7e6c7;
--color-tiger-200: #e7d1aa;
--color-tiger-300: #ceb484;
--color-tiger-400: #ba9961;
--color-tiger-500: #a57f3c;
--color-tiger-600: #8b6c34;
--color-tiger-700: #705629;
--color-tiger-800: #533e1c;
--color-tiger-900: #3a2b12;
--color-tiger-950: #241805;
}SCSS
$tiger: #c29f63;
$tiger-rgb: 194, 159, 99;
$tiger-light: mix(#fff, $tiger, 20%);
$tiger-dark: mix(#000, $tiger, 20%);
.element {
color: $tiger;
box-shadow: 0 0 0 2px rgba($tiger, 0.35);
}