Najbliższy nazwany kolor · #C59E45
#C59E45
Najbliższy nazwany kolor: Goldbricker
#C59E45 (rgb(197 158 69), hsl(42 52% 52%), oklch(0.718 0.116 85.2)) jest najbliższy nazwanemu kolorowi Goldbricker. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#C59E45
oklch(0.718 0.116 85.2)
Konwersje koloru
- HEX
- #c59e45
- RGB
- rgb(197 158 69)
- HSL
- hsl(42 52% 52%)
- HWB
- hwb(42 27% 23%)
- OKLCH
- oklch(0.718 0.116 85.2)
- OKLab
- oklab(0.718 0.01 0.116)
- CIE Lab
- lab(67.5 7.85 50.77)
- LCH
- lch(67.5 51.38 81.2)
- CMYK
- cmyk(0% 20% 65% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CBA85B
- D1B16F
- D7BB81
- DCC594
- E2CFA6
- E8D8B8
- EEE2CA
- F3ECDB
- F9F5ED
Odcienie ciemniejsze
- AB893B
- 927431
- 796027
- 614D1E
- 4B3A15
- 35290C
- 211805
- 0E0902
- 020100
Tony
- BE9B4E
- B79856
- B0965D
- A99363
- A29069
- 9B8D6E
- 948A73
- 8E8678
- 87837C
Harmonie kolorów
Komplementarna +180°
- C59E45
Goldbricker
- 81A2ED
≈ Blue Cue
Analogowa -30° +30°
- C59E45
Goldbricker
- DC9059
≈ Persian Orange
- A1AD52
≈ Sour Apple
Triada +120° +240°
- C59E45
Goldbricker
- 25B8C7
≈ Utopia Beckons
- C98ACC
≈ Purception
Komplementarna rozszczepiona +150° +210°
- C59E45
Goldbricker
- 50AFE2
≈ Summer Sky
- AA95E5
≈ Dull Lavender
Tetrada +90° +180° +270°
- C59E45
Goldbricker
- 3FBBA0
≈ Jolt of Jade
- 81A2ED
≈ Blue Cue
- DD84A7
≈ Sweet Chrysanthemum
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.51:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.35:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.35:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--goldbricker: #c59e45;
--goldbricker-rgb: 197 158 69;
--goldbricker-oklch: oklch(0.718 0.116 85.2);
}
.element {
color: var(--goldbricker);
background-color: hsl(42 52% 52%);
border-color: oklch(0.718 0.116 85.2);
}Tailwind CSS v4
@theme {
--color-goldbricker: #c59e45;
--color-goldbricker-50: #fff4d0;
--color-goldbricker-100: #f9e6bc;
--color-goldbricker-200: #e9d29b;
--color-goldbricker-300: #d1b470;
--color-goldbricker-400: #be9946;
--color-goldbricker-500: #a97f00;
--color-goldbricker-600: #8f6b08;
--color-goldbricker-700: #725609;
--color-goldbricker-800: #563e04;
--color-goldbricker-900: #3c2b04;
--color-goldbricker-950: #251800;
}SCSS
$goldbricker: #c59e45;
$goldbricker-rgb: 197, 158, 69;
$goldbricker-light: mix(#fff, $goldbricker, 20%);
$goldbricker-dark: mix(#000, $goldbricker, 20%);
.element {
color: $goldbricker;
box-shadow: 0 0 0 2px rgba($goldbricker, 0.35);
}