Nazwany kolor · #F3D5A1
Peach Patch
Peach Patch to #F3D5A1: rgb(243 213 161), hsl(38 77% 79%), oklch(0.886 0.075 81.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Peach Patch color name →
#F3D5A1
oklch(0.886 0.075 81.1)
Konwersje koloru
- HEX
- #f3d5a1
- RGB
- rgb(243 213 161)
- HSL
- hsl(38 77% 79%)
- HWB
- hwb(38 63% 5%)
- OKLCH
- oklch(0.886 0.075 81.1)
- OKLab
- oklab(0.886 0.012 0.074)
- CIE Lab
- lab(86.9 5.42 29.82)
- LCH
- lch(86.9 30.31 79.7)
- CMYK
- cmyk(0% 12% 34% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F4D9AB
- F6DEB4
- F7E2BE
- F8E6C7
- F9EAD1
- FAEEDA
- FCF3E3
- FDF7EC
- FEFBF6
Odcienie ciemniejsze
- D3B98B
- B49E76
- 978362
- 7A6A4E
- 5E513C
- 443A2A
- 2B2419
- 141009
- 030201
Tony
- E7CC9E
- DBC49B
- CFBB98
- C4B295
- B8AA91
- ADA18E
- A1998B
- 969187
- 8B8884
Harmonie kolorów
Komplementarna +180°
- F3D5A1
Peach Patch
- C5DAFF
≈ Arc Light
Analogowa -30° +30°
- F3D5A1
Peach Patch
- FFCDB1
≈ Blushing Cherub
- DBDFA5
≈ Young Wheat
Triada +120° +240°
- F3D5A1
Peach Patch
- 9DE9EE
≈ Freezy Breezy
- F1CAF8
≈ Sparkling Lavender
Komplementarna rozszczepiona +150° +210°
- F3D5A1
Peach Patch
- ABE2FF
≈ Frozen Landscape
- D9D3FF
≈ Pale Lavender
Tetrada +90° +180° +270°
- F3D5A1
Peach Patch
- A7EAD3
≈ Sweet Aqua
- C5DAFF
≈ Arc Light
- FFC7DF
≈ Cherry Blush
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.41:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.84:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.84:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--peach-patch: #f3d5a1;
--peach-patch-rgb: 243 213 161;
--peach-patch-oklch: oklch(0.886 0.075 81.1);
}
.element {
color: var(--peach-patch);
background-color: hsl(38 77% 79%);
border-color: oklch(0.886 0.075 81.1);
}Tailwind CSS v4
@theme {
--color-peach-patch: #f3d5a1;
--color-peach-patch-50: #fff4de;
--color-peach-patch-100: #f4e6cc;
--color-peach-patch-200: #e4d2b1;
--color-peach-patch-300: #cab58c;
--color-peach-patch-400: #b59a6b;
--color-peach-patch-500: #a0814a;
--color-peach-patch-600: #876d3f;
--color-peach-patch-700: #6c5732;
--color-peach-patch-800: #503f23;
--color-peach-patch-900: #382c17;
--color-peach-patch-950: #231908;
}SCSS
$peach-patch: #f3d5a1;
$peach-patch-rgb: 243, 213, 161;
$peach-patch-light: mix(#fff, $peach-patch, 20%);
$peach-patch-dark: mix(#000, $peach-patch, 20%);
.element {
color: $peach-patch;
box-shadow: 0 0 0 2px rgba($peach-patch, 0.35);
}