Nazwany kolor · #F7BD8F
Persimmon Fade
Persimmon Fade to #F7BD8F: rgb(247 189 143), hsl(27 87% 76%), oklch(0.84 0.09 59.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Persimmon Fade color name →
#F7BD8F
oklch(0.84 0.09 59.6)
Konwersje koloru
- HEX
- #f7bd8f
- RGB
- rgb(247 189 143)
- HSL
- hsl(27 87% 76%)
- HWB
- hwb(27 56% 3%)
- OKLCH
- oklch(0.84 0.09 59.6)
- OKLab
- oklab(0.84 0.046 0.078)
- CIE Lab
- lab(81.2 17.36 31.76)
- LCH
- lch(81.2 36.19 61.3)
- CMYK
- cmyk(0% 23% 42% 3%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F8C49A
- F9CAA6
- FAD1B1
- FBD8BC
- FCDEC7
- FDE5D3
- FEEBDE
- FEF2E9
- FFF8F4
Odcienie ciemniejsze
- D7A47C
- B78C69
- 997457
- 7C5D45
- 604734
- 453324
- 2C1F15
- 150D07
- 030201
Tony
- EBB78E
- DFB18D
- D2AB8C
- C6A58A
- BB9E89
- AF9887
- A39286
- 978C84
- 8C8682
Harmonie kolorów
Komplementarna +180°
- F7BD8F
Persimmon Fade
- 94D3FF
≈ Long Island Sound
Analogowa -30° +30°
- F7BD8F
Persimmon Fade
- FFB5A9
≈ Washed-Out Crimson
- E2C885
≈ Beachcombing
Triada +120° +240°
- F7BD8F
Persimmon Fade
- 85DECC
≈ Opulent Turquoise
- D3BEFE
≈ Lavender Tonic
Komplementarna rozszczepiona +150° +210°
- F7BD8F
Persimmon Fade
- 7FDBEB
≈ Faded Poster
- B6C9FF
≈ Light Periwinkle
Tetrada +90° +180° +270°
- F7BD8F
Persimmon Fade
- A1DCAB
≈ Dead 99
- 94D3FF
≈ Long Island Sound
- EDB6E7
≈ Lovecloud
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.66:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.63:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.63:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--persimmon-fade: #f7bd8f;
--persimmon-fade-rgb: 247 189 143;
--persimmon-fade-oklch: oklch(0.84 0.09 59.6);
}
.element {
color: var(--persimmon-fade);
background-color: hsl(27 87% 76%);
border-color: oklch(0.84 0.09 59.6);
}Tailwind CSS v4
@theme {
--color-persimmon-fade: #f7bd8f;
--color-persimmon-fade-50: #fff0dc;
--color-persimmon-fade-100: #ffe2ca;
--color-persimmon-fade-200: #f1ccae;
--color-persimmon-fade-300: #daad88;
--color-persimmon-fade-400: #c69267;
--color-persimmon-fade-500: #b27745;
--color-persimmon-fade-600: #96653b;
--color-persimmon-fade-700: #79512f;
--color-persimmon-fade-800: #5a3a21;
--color-persimmon-fade-900: #3f2816;
--color-persimmon-fade-950: #281607;
}SCSS
$persimmon-fade: #f7bd8f;
$persimmon-fade-rgb: 247, 189, 143;
$persimmon-fade-light: mix(#fff, $persimmon-fade, 20%);
$persimmon-fade-dark: mix(#000, $persimmon-fade, 20%);
.element {
color: $persimmon-fade;
box-shadow: 0 0 0 2px rgba($persimmon-fade, 0.35);
}