Nazwany kolor · #F5D180
Soft Straw
Soft Straw to #F5D180: rgb(245 209 128), hsl(42 85% 73%), oklch(0.874 0.108 86.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Soft Straw color name →
#F5D180
oklch(0.874 0.108 86.2)
Konwersje koloru
- HEX
- #f5d180
- RGB
- rgb(245 209 128)
- HSL
- hsl(42 85% 73%)
- HWB
- hwb(42 50% 4%)
- OKLCH
- oklch(0.874 0.108 86.2)
- OKLab
- oklab(0.874 0.007 0.108)
- CIE Lab
- lab(85.67 5.63 44.88)
- LCH
- lch(85.67 45.24 82.9)
- CMYK
- cmyk(0% 15% 48% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F6D68E
- F7DB9B
- F8DFA8
- F9E4B5
- FAE9C2
- FBEDCE
- FCF2DB
- FDF6E7
- FEFBF3
Odcienie ciemniejsze
- D5B56E
- B69B5D
- 98814D
- 7B683D
- 5F502E
- 44391F
- 2B2312
- 151006
- 030201
Tony
- E9C981
- DDC182
- D1B883
- C5B083
- B9A883
- ADA083
- A29883
- 969082
- 8B8881
Harmonie kolorów
Komplementarna +180°
- F5D180
Soft Straw
- C3D5FF
≈ Pale Phthalo Blue
Analogowa -30° +30°
- F5D180
Soft Straw
- FFC9A3
≈ Polly
- D1DF8B
≈ Lime Ice
Triada +120° +240°
- F5D180
Soft Straw
- 75EAF9
≈ Robin’s Egg
- FBBDFC
≈ Distilled Rose
Komplementarna rozszczepiona +150° +210°
- F5D180
Soft Straw
- A9DEFF
≈ Droplet
- D9CDFF
≈ Pale Lavender
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.46:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.31:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.31:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--soft-straw: #f5d180;
--soft-straw-rgb: 245 209 128;
--soft-straw-oklch: oklch(0.874 0.108 86.2);
}
.element {
color: var(--soft-straw);
background-color: hsl(42 85% 73%);
border-color: oklch(0.874 0.108 86.2);
}Tailwind CSS v4
@theme {
--color-soft-straw: #f5d180;
--color-soft-straw-50: #fff4d3;
--color-soft-straw-100: #f7e7c0;
--color-soft-straw-200: #e7d2a0;
--color-soft-straw-300: #ceb576;
--color-soft-straw-400: #bb9a4e;
--color-soft-straw-500: #a6801b;
--color-soft-straw-600: #8c6d1b;
--color-soft-straw-700: #705716;
--color-soft-straw-800: #543f0d;
--color-soft-straw-900: #3a2b08;
--color-soft-straw-950: #241800;
}SCSS
$soft-straw: #f5d180;
$soft-straw-rgb: 245, 209, 128;
$soft-straw-light: mix(#fff, $soft-straw, 20%);
$soft-straw-dark: mix(#000, $soft-straw, 20%);
.element {
color: $soft-straw;
box-shadow: 0 0 0 2px rgba($soft-straw, 0.35);
}