Nazwany kolor · #9F563A
Persimmon Varnish
Persimmon Varnish to #9F563A: rgb(159 86 58), hsl(17 47% 43%), oklch(0.534 0.105 41.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Persimmon Varnish color name →
#9F563A
oklch(0.534 0.105 41.3)
Konwersje koloru
- HEX
- #9f563a
- RGB
- rgb(159 86 58)
- HSL
- hsl(17 47% 43%)
- HWB
- hwb(17 23% 38%)
- OKLCH
- oklch(0.534 0.105 41.3)
- OKLab
- oklab(0.534 0.079 0.069)
- CIE Lab
- lab(45.14 28.98 30.09)
- LCH
- lch(45.14 41.78 46.1)
- CMYK
- cmyk(0% 46% 64% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AA674D
- B47760
- BE8773
- C89886
- D1A99A
- DBBAAD
- E4CBC1
- EDDCD6
- F6EDEA
Odcienie ciemniejsze
- 8A4A31
- 753E28
- 613220
- 4D2718
- 3B1C10
- 291209
- 180804
- 090201
- 010000
Tony
- 9D5B42
- 9A5F49
- 986451
- 956858
- 926C5F
- 8F7165
- 8B756C
- 887873
- 847C79
Harmonie kolorów
Komplementarna +180°
- 9F563A
Persimmon Varnish
- 007995
≈ Celestial
Analogowa -30° +30°
- 9F563A
Persimmon Varnish
- A0515D
≈ Cranberry Jam
- 926118
≈ Tapenade
Triada +120° +240°
- 9F563A
Persimmon Varnish
- 227F59
≈ Spanish Viridian
- 6364A8
≈ Blue Iris
Komplementarna rozszczepiona +150° +210°
- 9F563A
Persimmon Varnish
- 007D7A
≈ Parasailing
- 3A70A8
≈ Mega Blue
Tetrada +90° +180° +270°
- 9F563A
Persimmon Varnish
- 567934
≈ Luscious Lemongrass
- 007995
≈ Celestial
- 815A99
≈ Sonic Plum
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.43:1 · APCA Lc 77
Ag
FailNa czerni
WCAG 3.86:1 · APCA Lc 25
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.43:1 (AA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--persimmon-varnish: #9f563a;
--persimmon-varnish-rgb: 159 86 58;
--persimmon-varnish-oklch: oklch(0.534 0.105 41.3);
}
.element {
color: var(--persimmon-varnish);
background-color: hsl(17 47% 43%);
border-color: oklch(0.534 0.105 41.3);
}Tailwind CSS v4
@theme {
--color-persimmon-varnish: #9f563a;
--color-persimmon-varnish-50: #ffecde;
--color-persimmon-varnish-100: #ffddcc;
--color-persimmon-varnish-200: #fcc7b1;
--color-persimmon-varnish-300: #e6a68c;
--color-persimmon-varnish-400: #d3896d;
--color-persimmon-varnish-500: #c06d4d;
--color-persimmon-varnish-600: #a25c42;
--color-persimmon-varnish-700: #824a34;
--color-persimmon-varnish-800: #613526;
--color-persimmon-varnish-900: #442419;
--color-persimmon-varnish-950: #2c130a;
}SCSS
$persimmon-varnish: #9f563a;
$persimmon-varnish-rgb: 159, 86, 58;
$persimmon-varnish-light: mix(#fff, $persimmon-varnish, 20%);
$persimmon-varnish-dark: mix(#000, $persimmon-varnish, 20%);
.element {
color: $persimmon-varnish;
box-shadow: 0 0 0 2px rgba($persimmon-varnish, 0.35);
}