Nazwany kolor · #FB9B82
Pouring Copper
Pouring Copper to #FB9B82: rgb(251 155 130), hsl(12 94% 75%), oklch(0.782 0.121 35.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Pouring Copper color name →
#FB9B82
oklch(0.782 0.121 35.4)
Konwersje koloru
- HEX
- #fb9b82
- RGB
- rgb(251 155 130)
- HSL
- hsl(12 94% 75%)
- HWB
- hwb(12 51% 2%)
- OKLCH
- oklch(0.782 0.121 35.4)
- OKLab
- oklab(0.782 0.099 0.07)
- CIE Lab
- lab(73.75 34.93 29.08)
- LCH
- lch(73.75 45.45 39.8)
- CMYK
- cmyk(0% 38% 48% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FDA58F
- FEB09B
- FFBAA7
- FFC4B4
- FFCEC0
- FFD8CD
- FFE2D9
- FFEBE6
- FFF5F2
Odcienie ciemniejsze
- DA8670
- BA725F
- 9C5E4E
- 7E4B3E
- 61392F
- 462820
- 2D1812
- 150906
- 030101
Tony
- EF9982
- E39682
- D69482
- CA9182
- BE8F82
- B28C82
- A58982
- 998681
- 8D8381
Harmonie kolorów
Komplementarna +180°
- FB9B82
Pouring Copper
- 43CBE9
≈ Picnic Day Sky
Analogowa -30° +30°
- FB9B82
Pouring Copper
- F996AD
≈ Flower Girl
- EDA75F
≈ Summer Day
Triada +120° +240°
- FB9B82
Pouring Copper
- 73CF96
≈ Jocose Jade
- A4B2FF
≈ Wondrous Wisteria
Komplementarna rozszczepiona +150° +210°
- FB9B82
Pouring Copper
- 42D1C3
≈ Bianchi Green
- 74BFFF
≈ Green Darner Tail
Tetrada +90° +180° +270°
- FB9B82
Pouring Copper
- A6C66D
≈ Green Peridot
- 43CBE9
≈ Picnic Day Sky
- CAA4F6
≈ Lilac
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.07:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.11:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.11:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
CSS
:root {
--pouring-copper: #fb9b82;
--pouring-copper-rgb: 251 155 130;
--pouring-copper-oklch: oklch(0.782 0.121 35.4);
}
.element {
color: var(--pouring-copper);
background-color: hsl(12 94% 75%);
border-color: oklch(0.782 0.121 35.4);
}Tailwind CSS v4
@theme {
--color-pouring-copper: #fb9b82;
--color-pouring-copper-50: #ffeadd;
--color-pouring-copper-100: #ffdbcc;
--color-pouring-copper-200: #ffc3b0;
--color-pouring-copper-300: #eea28b;
--color-pouring-copper-400: #dc836c;
--color-pouring-copper-500: #c9654c;
--color-pouring-copper-600: #aa5641;
--color-pouring-copper-700: #884533;
--color-pouring-copper-800: #663126;
--color-pouring-copper-900: #472119;
--color-pouring-copper-950: #2e100a;
}SCSS
$pouring-copper: #fb9b82;
$pouring-copper-rgb: 251, 155, 130;
$pouring-copper-light: mix(#fff, $pouring-copper, 20%);
$pouring-copper-dark: mix(#000, $pouring-copper, 20%);
.element {
color: $pouring-copper;
box-shadow: 0 0 0 2px rgba($pouring-copper, 0.35);
}