Nazwany kolor · #473430
Pawn Broker
Pawn Broker to #473430: rgb(71 52 48), hsl(10 19% 23%), oklch(0.345 0.029 32.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Pawn Broker color name →
#473430
oklch(0.345 0.029 32.1)
Konwersje koloru
- HEX
- #473430
- RGB
- rgb(71 52 48)
- HSL
- hsl(10 19% 23%)
- HWB
- hwb(10 19% 72%)
- OKLCH
- oklch(0.345 0.029 32.1)
- OKLab
- oklab(0.345 0.024 0.015)
- CIE Lab
- lab(23.81 8.32 6.03)
- LCH
- lch(23.81 10.27 35.9)
- CMYK
- cmyk(0% 27% 32% 72%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 584642
- 695855
- 7A6B68
- 8C7F7C
- 9F9391
- B1A8A6
- C4BDBB
- D8D3D1
- EBE9E8
Odcienie ciemniejsze
- 3D2C28
- 322421
- 281C1A
- 1F1513
- 160E0C
- 0D0706
- 060303
- 020101
- 000000
Tony
- 4D3B37
- 52423F
- 584A47
- 5E514F
- 635957
- 69605F
- 6F6867
- 74706F
- 7A7877
Harmonie kolorów
Komplementarna +180°
- 473430
Pawn Broker
- 283D42
≈ Cool Current
Analogowa -30° +30°
- 473430
Pawn Broker
- 463338
≈ Rapt
- 44362A
≈ Dark Rum
Triada +120° +240°
- 473430
Pawn Broker
- 2E3E32
≈ Celtic
- 343948
≈ Biro Blue
Komplementarna rozszczepiona +150° +210°
- 473430
Pawn Broker
- 283E3A
≈ Pine Grove
- 2C3B47
≈ Ship’s Officer
Tetrada +90° +180° +270°
- 473430
Pawn Broker
- 373C2B
≈ Green Kelp
- 283D42
≈ Cool Current
- 3C3646
≈ Martinique
Kontrast i dostępność
Ag
AAANa bieli
WCAG 11.65:1 · APCA Lc 97
Ag
FailNa czerni
WCAG 1.80:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 11.65:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--pawn-broker: #473430;
--pawn-broker-rgb: 71 52 48;
--pawn-broker-oklch: oklch(0.345 0.029 32.1);
}
.element {
color: var(--pawn-broker);
background-color: hsl(10 19% 23%);
border-color: oklch(0.345 0.029 32.1);
}Tailwind CSS v4
@theme {
--color-pawn-broker: #473430;
--color-pawn-broker-50: #fdf2f0;
--color-pawn-broker-100: #f1e5e2;
--color-pawn-broker-200: #e0d0cc;
--color-pawn-broker-300: #c5b3ae;
--color-pawn-broker-400: #af9994;
--color-pawn-broker-500: #98807a;
--color-pawn-broker-600: #816c68;
--color-pawn-broker-700: #675653;
--color-pawn-broker-800: #4c3f3d;
--color-pawn-broker-900: #352b2a;
--color-pawn-broker-950: #201917;
}SCSS
$pawn-broker: #473430;
$pawn-broker-rgb: 71, 52, 48;
$pawn-broker-light: mix(#fff, $pawn-broker, 20%);
$pawn-broker-dark: mix(#000, $pawn-broker, 20%);
.element {
color: $pawn-broker;
box-shadow: 0 0 0 2px rgba($pawn-broker, 0.35);
}