Najbliższy nazwany kolor · #C38E2D
#C38E2D
Najbliższy nazwany kolor: Pizza
#C38E2D (rgb(195 142 45), hsl(39 62% 47%), oklch(0.682 0.126 78.2)) jest najbliższy nazwanemu kolorowi Pizza. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#C38E2D
oklch(0.682 0.126 78.2)
Konwersje koloru
- HEX
- #c38e2d
- RGB
- rgb(195 142 45)
- HSL
- hsl(39 62% 47%)
- HWB
- hwb(39 18% 24%)
- OKLCH
- oklch(0.682 0.126 78.2)
- OKLab
- oklab(0.682 0.026 0.123)
- CIE Lab
- lab(63.09 14.37 56.46)
- LCH
- lch(63.09 58.26 75.7)
- CMYK
- cmyk(0% 27% 77% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C99949
- D0A560
- D6B075
- DCBB89
- E2C79D
- E8D2B1
- EEDDC4
- F3E8D8
- F9F4EB
Odcienie ciemniejsze
- A97B26
- 90681F
- 785618
- 604411
- 4A340B
- 342406
- 201502
- 0E0701
- 020100
Tony
- BC8D3B
- B68C47
- AF8B50
- A88959
- A28861
- 9B8768
- 94856E
- 8E8474
- 87827A
Harmonie kolorów
Komplementarna +180°
- C38E2D
Pizza
- 679AE6
≈ Guilliman Blue
Analogowa -30° +30°
- C38E2D
Pizza
- D77F4F
≈ Copper Harbor
- A09E34
≈ Poplar
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
- C38E2D
Pizza
- 21A7D6
≈ Malibu Blue
- 968BE2
≈ Perrywinkle
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.90:1 · APCA Lc 55
Ag
AAANa czerni
WCAG 7.22:1 · APCA Lc 47
Najlepszy kolor tekstu: #000000
WCAG 7.22:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmenty kodu
CSS
:root {
--pizza: #c38e2d;
--pizza-rgb: 195 142 45;
--pizza-oklch: oklch(0.682 0.126 78.2);
}
.element {
color: var(--pizza);
background-color: hsl(39 62% 47%);
border-color: oklch(0.682 0.126 78.2);
}Tailwind CSS v4
@theme {
--color-pizza: #c38e2d;
--color-pizza-50: #fff2cd;
--color-pizza-100: #fee4b9;
--color-pizza-200: #f1cf97;
--color-pizza-300: #d9b06a;
--color-pizza-400: #c7943d;
--color-pizza-500: #b37900;
--color-pizza-600: #976700;
--color-pizza-700: #795200;
--color-pizza-800: #5b3b00;
--color-pizza-900: #402900;
--color-pizza-950: #281600;
}SCSS
$pizza: #c38e2d;
$pizza-rgb: 195, 142, 45;
$pizza-light: mix(#fff, $pizza, 20%);
$pizza-dark: mix(#000, $pizza, 20%);
.element {
color: $pizza;
box-shadow: 0 0 0 2px rgba($pizza, 0.35);
}